美文网首页
汉字,数字,字母正则

汉字,数字,字母正则

作者: 爱代码的派派星 | 来源:发表于2019-09-25 18:15 被阅读0次
    element input校验方法
    <el-input
                v-model="input"
                @focus="onFcus"
                @input="handleClick"
                placeholder="请输入活动名称"
                id="errorInput"
                maxlength="20"
              ></el-input>
    
    
    handleClick(value) {
          this.input = value.replace(/\s*/g, "");
          let nameRegx = /^[a-zA-Z0-9\u4e00-\u9fa5]+$/;
          if (!nameRegx.test(value) && value != "") {
            this.errorSpan = true;
            this.canSearch = false;
            document.getElementById("errorInput").style.border =
              "1px solid #F56C6C";
          } else {
            this.canSearch = true;
            this.errorSpan = false;
            document.getElementById("errorInput").style.border =
              "1px solid #DCDFE6";
          }
        },
    

    相关文章

      网友评论

          本文标题:汉字,数字,字母正则

          本文链接:https://www.haomeiwen.com/subject/ejjwuctx.html