vux x-input 自定义验证

<div class="loginform" >
        <x-input title=""  placeholder="请输入学号" v-model.trim="user"  :is-type="checkUser">
            <img slot="label" style="padding-right:26px;display:block;" src="../../static/img/user@2x.png" >
        </x-input>
        <x-input title=""  placeholder="请输入身份证号"  v-model.trim="idcard"  :is-type="checkIdcard">
            <img slot="label" style="padding-right:26px;display:block;" src="../../static/img/keyword@2x.png" >
        </x-input>
      <span  class="login-btn" @click="login()">身份验证</span>
    </div>
checkUser(value){         
        var reg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;              
        if(reg.test(value)){              
            return {valid:true}          
        }else{              
            return {valid:false,msg:"学号格式错误"}          
        }      
      },
      checkIdcard(value){
          var reg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;
          //省份证 正则验证 (第一代省份证为15位)         
          if(reg.test(value)){
              return {valid:true}
          }else{
              return {valid:false,msg:"省份证格式错误"}
          }
      },
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容