layui下拉

<div class="layui-form-item">
  <label class="layui-form-label">证件类型</label>
  <div class="layui-input-block">
    <select name="documentType" lay-verify="required" lay-filter="idsType">
      <option value=""></option>
      <option value="0">身份证</option>
      <option value="1">军官证</option>
      <option value="2">香港特区护照/身份证明</option>
      <option value="3">澳门特区护照/身份证明</option>
      <option value="4">境外永久居住证</option>
      <option value="5">护照</option>
    </select>
  </div>
</div>
layui.use(['form','element'], function(){
  var form = layui.form
    ,layer = layui.layer
    ,id_type;
//监听下拉当前选择的
   form.on('select(idsType)',function (data) {
     id_type=data.value
   })
form.on('submit(demo1)', function(data){
  let idVal=$("input[name='idNumber']").val();
  let reg;
  if(id_type==0){
    console.log('身份证',id_type)
    reg = /(^\d{15}$)|(^\d{17}(\d|X|x)$)/;
    if(!reg.test(idVal)){
      layer.msg('证件信息错误', {time: 4000, icon:5});
      return false;
    }
  }else if(id_type==1){
    console.log('军官证',id_type)
    reg = /^[a-zA-Z0-9]{7,21}$/;
    if(!reg.test(idVal)){
      layer.msg('证件信息错误', {time: 4000, icon:5});
      return false;
    }
  }else if(id_type==2){
    console.log('香港特区护照/身份证明',id_type)
    reg = /^[a-zA-Z0-9]{5,21}$/;
    if(!reg.test(idVal)){
      layer.msg('证件信息错误', {time: 4000, icon:5});
      return false;
    }
  }else if(id_type==3){
    console.log('澳门特区护照/身份证明',id_type)
    reg = /^[a-zA-Z0-9]{5,21}$/;
    if(!reg.test(idVal)){
      layer.msg('证件信息错误', {time: 4000, icon:5});
      return false;
    }
  }else if(id_type==4){
    console.log('境外永久居住证',id_type)
    reg =  /^[A-Z]{3}\d{6}(?:0[1-9]|1[021])(?:0[1-9]|[21]\d|3[10])\d{2}$/;
    if(!reg.test(idVal)){
      layer.msg('证件信息错误', {time: 4000, icon:5});
      return false;
    }
  }else if(id_type==5){
    console.log('护照',id_type)
    reg =  /^[a-zA-Z0-9]{3,21}$/;
    if(!reg.test(idVal)){
      layer.msg('证件信息错误', {time: 4000, icon:5});
      return false;
    }
  }
}
})

 js根据不同证件进行校验

相关文章: