layui的表单提交以及验证和修改弹框的实例

2023-08-15 00:24:04 177

layui.use(['jquery','form','layer'],function(){ var$=layui.jquery; varlayer=layui.layer; varform=layui.form; //验证 form.verify({ newName:[/\S/,'姓名不能为空'], newCard:function(value){ if(!/\S/.test(value)){ $("input[name='newCard']").focus(); return'原身份证不能为空'; } if(!/(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/.test(value)){ $("input[name='newCard']").focus(); return'原身份证格式有误'; } }, newPhone:function(value){ if(!/\S/.test(value)){ $("input[name='newPhone']").focus(); return'电话号码不能为空'; } if(!/^1[34578]\d{9}$/.test(value)){ $("input[name='newPhone']").focus(); return'电话号码格式有误'; } }, newEmail:function(value){ $("input[name='newEmail']").focus(); if(!/\S/.test(value)){ $("input[name='newEmail']").focus(); return'电子邮件不能为空'; } if(!/^[\w\-\.]+@[\w\-\.]+(\.\w+)+$/.test(value)){ $("input[name='newEmail']").focus(); return'电子邮件格式有误'; } }, }); //验证成功后执行操作 form.on('submit(btn)',function(){ console.log('验证成功') }) })

layui的表单提交以及验证和修改弹框的实例

热门推荐

随机推荐