layui数据校验.

1.引用layui对应的js.css

2.//HTML部分
<input type="text" name="title" lay-verify="projectName" autocomplete="off" placeholder="请输入标题" class="layui-input">

<select name="modules" lay-verify="cityPermanentPopulation" lay-search="">
<option value="">直接选择或搜索选择</option>
<option value="1">layer</option>
<option value="2">form</option>
</select>

 <button type="button" id="submit" class="zp-btn zp-btn-green pad33" lay-filter="addSubmit" lay-submit>保存</button>

3.js校验部分

//表单验证
function layuiformverify() {
layui.form.verify({
      //基本信息
      projectName: function (value) { //项目名称
      if (!value) {
         return '项目名称不能为空';
      }
      if (value.length > 50) {
        return '项目名称不能大于50个字';
      }
},
     //城市指标
      cityPermanentPopulation: function (value) { //全市常住人口
      if (isSubmit == 1) {
      if (!value) {
        return '全市常住人口不能为空';
      }
    }
      if (value != "" && value != null) {
      if (!new RegExp("^[0-9]+([.]{1}[0-9]+){0,1}$").test(value)) {
      return '全市常住人口必须为整数或小数';
   }
if (value.length > 9) {
return '全市常住人口不能大于9位数';
}
}
}})
}

4.触发校验的方式

var form = layui.form;
form.on('submit(addSubmit)', function (data)
{

//这样子点击就会触发该验证方法.

}