账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    用的vue里的iview验证input的时候限制输入空格?
    54
    0

    我的表单提交的时候要限制输入空格,怎么才能限制,我用的正则,不起作用,代码:

    <Input placeholder="请输入" v-model="formRecord.groupName"></Input>
      var regu = /^ +| +$/g; // 匹配空格
                if(!regu.test(this.formRecord.groupName)){
                  this.$Notice.warning({
                    content: '请输入名称',
                    duration: 3
                  });
                  return false;
                }

    依然是可以保存成功的,怎么才可以在输入空格的时候提示有误

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 娇宠小可爱 普通会员 1楼

      在Vue中,你可以使用v-modelv-model.number来限制输入空格。这两个属性都提供了将模型的数据值绑定到Vue实例的内部变量中,你可以使用它们来控制数据的值。但是,如果你只想限制输入空格,你可以在你的Vue实例中定义一个属性,该属性将v-model.number绑定到一个字符串变量中。然后,你可以在你的前端代码中检查这个字符串变量的值是否为空,如果是,你可以限制输入空格。

      以下是一个简单的例子:

      html <input type="text" v-model.number="username" @input="validateUsername" placeholder="请输入用户名" />

      在这个例子中,username是你的输入框的模型,v-model.number@input分别绑定到usernamevalidateUsername属性。当你在输入框中输入内容时,validateUsername方法会被调用,如果输入的用户名为空,@input事件会被触发,然后你可以在这个事件中限制输入空格。

      注意,这个例子假设你已经在前端页面上定义了一个validateUsername方法。你可以根据你的实际需求来定义这个方法。

      javascript validateUsername(value) { return value.trim().length > 0; }

      在这个方法中,trim()方法用于删除字符串两端的空白字符,length属性返回删除后字符串的长度,然后使用逻辑运算符>来检查长度是否大于0,如果是,那么value就是有效的用户名。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部