layui下layui.verify自定义规则验证表单字段

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框架的使用心得。