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)
{

//這樣子點擊就會觸發該驗證方法.

}