layui form 自定义表单验证方法
表单 lay-verify="required|url"
<form class="layui-form" lay-filter="layui-form"> <input class="layui-input" type="text" name="link" placeholder="请输入链接(必须以http://或https://开头)" lay-verify="required|url"> </form>
定义方法
// 自定义表单验证规则 - 必须包含http://或https:// form.verify({ url: function (value, item) { // 验证必填 if (value === '') { return '请输入URL地址'; } // 必须以http://或https://开头的正则表达式 var urlReg = /^https?:\/\/([\da-z.-]+)\.([a-z.]{2,6})([\/\w.-]*)*\/?$/; if (!urlReg.test(value)) { return '请输入有效的URL地址,必须以http://或https://开头'; } } });
提交表单的时候 验证表单 自动触发
form.submit('layui-form',function(){ let loading = layer.load(); data = form.val("layui-form"); $.ajax(); return false; });