form触发2次 layui_layui插件表单验证提交触发提交的例子

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

管理系统

账号：

密码：

• 

  自动登录

• 忘记密码?

• 登录

• 重置

layui.use(['layer','upload','form'],function() {

var layer = 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);

}

});

return false;

});

})

//回车键触发提交

$("input").keydown(function(event){

if (event.keyCode == 13) {

document.getElementById("enterSubmit").click();

}

})

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