layui.verify自定义规则说明
在自己需要进行进行验证的字段里添加lay-verify
的属性字段,如我下段代码中的lay-verify="require|character"
,然后在后面form表单的功能里下添加form.verify
,自己在里面设置需要验证的方法。
<label class="layui-form-label2"><span style="color: red">*</span>设置名称</label>
<div class="layui-input-inline" style="margin-right: 5px;">
<input type="text" id="fieldContent" name="fieldContent" value="" class="layui-input" lay-verify="require|character" style="width: 200px; height: 28px;line-height: 28px;" maxlength="50" />
</div>
我在对“设置名称“
下自定义了require
和character
两个规则,require
用来判断字段不能为空,为空则提醒并返回提示“必填项不能为空”
,character
用来判断字段是否含有特殊符号,包含则返回提示。其中value
为该字段的值。
layui.use("form", function() {
var form = layui.form;
form.verify({
require : function(value) {
value = $.trim(value);
if (!value) {
return "必填项不能为空";
}
}
character : function(value, item) {
if (value.indexOf("<") > -1 || value.indexOf(">") > -1 || value.indexOf("'") > -1 || value.indexOf("\"") > -1 || value.indexOf("&") > -1 || value.indexOf("%") > -1) {
return "不能包含【<】【>】【'】【\"】【&】【%】";
}
}
});
});
总结
layui
是一款功能很强大的前端框架,layui.verify
自定义规则只是其中的一小部分表现,刚好我开发的项目使用的就是layui
框架,最近就发些layui框架的使用心得。