微客导航 » 文章资讯 » layui插件表单验证提交触发提交的例子

layui插件表单验证提交触发提交的例子

2023-08-15 00:23:04 328

废话不多说，大家直接看代码吧！



管理系统

账号：

密码：

自动登录忘记密码?

登录重置

layui.use(['layer','upload','form'],function(){
varlayer=layui.layer,
form=layui.form;
/**
*通用表单验证
*/
form.verify({
username:[/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/,'账号格式不正确'],
pass:[/^[\S]{6,12}$/,'密码必须6到12位，且不能出现空格']
});
/**
*通用表单提交(AJAX方式)
*/
form.on('submit(*)',function(data){
$.ajax({
url:data.form.action,
type:data.form.method,
data:$(data.form).serialize(),
success:function(info){
if(info.code===1){
setTimeout(function(){
location.href=info.url;
},1000);
}
layer.msg(info.msg);
}
});
returnfalse;
});
})

//回车键触发提交
$("input").keydown(function(event){
if(event.keyCode==13){
document.getElementById("enterSubmit").click();
}
})

以上这篇layui插件表单验证提交触发提交的例子就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。

返回顶部
3162201930
czq8825@qq.com

layui插件表单验证提交触发提交的例子

热门推荐

随机推荐