Question

我将我的微调器放在我的submitHandler中，紧跟我的验证消息...我只想在ajaxSubmit期间激活它，所以在JSON之前把它放在顶部似乎很自然。但是jQuery抱怨* ＆＃34;未捕获的SyntaxError：意外的令牌（* 。我最后用逗号尝试了它而不是半，而且更简单的方式不起作用。我是做什么的。做错了？

 submitHandler: function(form) {
    $("#registerform").ajaxSubmit({
    >>>>>>  $('#loadingDiv').show().html('<img src="images/loading.gif">');
                        url: 'action.php',
                        type: 'post',
                        success: function(resp) {
                            $('#loadingDiv').hide("fast");
                            $(".formbox").hide();
                            $(".thankyou").fadeIn("slow");
                            console.log('success');
                        },
                        fail: function(resp) {
                            $('#loadingDiv').hide("fast");
                            console.log('fail' + resp);
                            $("#registerform").css("border", "1px solid red");
                        }
                    });
                }

        });

Answer 1

您不能将这样的代码放在JSON对象中：

$('#loadingDiv').show().html('<img src="images/loading.gif">');

尝试在调用ajaxSubmit之前将其向上移动一行。

我认为这很自然，但实际上你将用于发送AJAX请求的代码与操纵DOM的代码混合在一起。鉴于您的成功和失败处理函数都隐藏了＆＃34; loading＆＃34;调用图像时，您仍应看到所需的效果。

Answer 2

试试这个：

submitHandler: function(form) {
    $("#registerform").ajaxSubmit({
                        url: 'action.php',
                        type: 'post',
                        success: function(resp) {
                            $('#loadingDiv').hide("fast");
                            $(".formbox").hide();
                            $(".thankyou").fadeIn("slow");
                            console.log('success');
                        },
                        fail: function(resp) {
                            $('#loadingDiv').hide("fast");
                            console.log('fail' + resp);
                            $("#registerform").css("border", "1px solid red");
                        },
                        beforeSubmit: function(arr, $form, options) { 
                            $('#loadingDiv').show().html('<img src="images/loading.gif">');
                        }
                    });
                }

        });

你需要在提交功能之前

jQuery submitHandler抱怨加载微调器

2 个答案: