我试图实现在单击它时禁用按钮,然后在ajax请求成功完成后再次启用它的情况.
以下是我的代码片段.
形成
<button id="btnSubmit" type="submit" class="btn btn-warning btn-lg">Submit!</button>
使用Javascript
$('#resForm').validate({
// disable submit button
$('#btnSubmit').prop('disabled',true);
submitHandler: function(form) {
$.ajax({
..... typical ajax stuff .....
success: function(data) {
alert(data);
$('success').html(data);
// enable reserve button again
$('#btnSubmit').prop('disabled',false);
},error: function (jqXHR,textStatus,errorThrown) {
// console.log(jqXHR);
}
});
}
});
它不起作用.在Chrome上检查我的控制台告诉我Uncaught SyntaxError：意外的令牌(.感觉这是一个愚蠢的错误,我无法解决它.我已经读过,这个道具适用于jQuery 1.6.1及更高版本而且我在1.8.3.
解决方法
$('#resForm').validate({
submitHandler: function(form) {
// disable submit button
$('#btnSubmit').prop('disabled',true);
$.ajax({
..... typical ajax stuff .....
success: function(data) {
alert(data);
$('success').html(data);
// enable reserve button again
$('#btnSubmit').prop('disabled',errorThrown) {
// console.log(jqXHR);
}
});
}
});
试试这个