提交处理程序正在工作,但速度很慢
Submit handler is working but its very slow
大家好,我正在使用提交处理程序提交我的表单,它的工作,但它非常慢。请帮我快一点。提前感谢以下是我的javascript代码登录表单......
var handleLoginForm = function () {
$('.login-form').validate({
errorElement: 'label', //default input error message container
errorClass: 'help-inline', // default input error message class
focusInvalid: false, // do not focus the last invalid input
rules: {
username: {
required: true
},
password: {
required: true
},
user_type: {
required: true
},
remember: {
required: false
}
},
messages: {
username: {
required: "Username is required."
},
password: {
required: "Password is required."
},
user_type: {
required: "User Type is Required."
}
},
invalidHandler: function (event, validator) { //display error alert on form submit
$('.alert-error', $('.login-form')).show();
},
highlight: function (element) { // hightlight error inputs
$(element)
.closest('.control-group').addClass('error'); // set error class to the control group
},
data: $('#form_modulesadd').serialize(),
success: function (label) {
label.closest('.control-group').removeClass('error');
label.remove();
},
errorPlacement: function (error, element) {
error.addClass('help-small no-left-padding').insertAfter(element.closest('.input-icon'));
},
submitHandler: function (form) {
$( ".login-form input" ).submit();
window.location.href = "check.php";
}
});
当我使用php提交表单时速度很快,但我必须使用javascript来提交此表单......
在表单提交时运行JS:
$(".login-form").submit(function(){
$('.login-form').validate({
errorElement: 'label', //default input error message container
errorClass: 'help-inline', // default input error message class
focusInvalid: false, // do not focus the last invalid input
rules: {
username: {
required: true
},
password: {
required: true
},
user_type: {
required: true
},
remember: {
required: false
}
},
messages: {
username: {
required: "Username is required."
},
password: {
required: "Password is required."
},
user_type: {
required: "User Type is Required."
}
},
invalidHandler: function (event, validator) { //display error alert on form submit
$('.alert-error', $('.login-form')).show();
},
highlight: function (element) { // hightlight error inputs
$(element)
.closest('.control-group').addClass('error'); // set error class to the control group
},
data: $('#form_modulesadd').serialize(),
success: function (label) {
label.closest('.control-group').removeClass('error');
label.remove();
},
errorPlacement: function (error, element) {
error.addClass('help-small no-left-padding').insertAfter(element.closest('.input-icon'));
},
submitHandler: function (form) {
$( ".login-form input" ).submit();
window.location.href = "check.php";
}
});
});
这使得JS在表单提交之前不会运行。
更新:
$(".login_form").submit(function(){
$(this).validate({ ... });
});
不确定这是否会工作,但是重复选择器对我来说似乎有点尴尬。
我通过像下面这样改变submitHandler的实现来解决同样的问题。我只取表单选择器的第一项[0]。
submitHandler: function (form) {
$(".login-form input")[0].submit();
...
}
相关文章:
- Javascript:selenium Web驱动程序isDisplayed()不工作
- jQuery UI自动完成突然停止工作
- AngularJS UI路由器不能像ng路由器那样工作
- HTML5音频加载和播放获胜'我不能在iPad上工作
- JavaScript打印功能使日历停止工作
- Javascript.getHours()工作不正常
- 为什么这在IE中的工作方式与在Firefox中不同
- 为什么本机浏览器排序功能的工作速度比快速排序慢
- 动画速度滑块不工作
- 滚动时加载更多 滚动速度时一次工作两次
- 打开选择之前的事件.(单击工作速度不够快)
- 使用速度缓动功能.js无法正常工作
- 这个预加载器工作吗?它不用于显示状态,只是加快了以后可能的图像加载速度
- 为什么加载 JavaScript 函数的工作速度比预期的慢
- 提交处理程序正在工作,但速度很慢
- 改变在IE 11中不工作的DIV的旋转速度,使用JS来更新CSS动画属性
- 画布上的堆叠框html 5有它的工作可以't计算出网格阵列和速度的微小修正
- 我做的路点工作很顺利,但改变速度值并没有影响任何原因
- PageMethods会减慢进程并降低工作速度
- 为什么速度动画只工作一次