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)
{
//这样子点击就会触发该验证方法.
}
