好资源导航 » 文章资讯 » layui的表单提交以及验证和修改弹框的实例

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

2023-08-15 00:24:04 46

HTML






提交


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的表单提交以及验证和修改弹框的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。

返回顶部
514930285
czq8825@qq.com

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

热门推荐

随机推荐