可以使用jQuery的prop()方法来禁用和启用提交按钮。
示例代码如下:
HTML代码:
JavaScript代码:
$(document).ready(function() { $('#myForm').submit(function(e) { e.preventDefault(); // 阻止表单的默认行为
var username = $('#username').val();
$.ajax({
url: '/checkUsername',
type: 'post',
data: { username: username },
beforeSend: function() {
$('#submitBtn').prop('disabled', true); // 禁用提交按钮
},
success: function(response) {
// 处理响应
},
complete: function() {
$('#submitBtn').prop('disabled', false); // 启用提交按钮
}
});
}); });
在beforeSend
回调中,使用prop('disabled', true)
来禁用提交按钮,在complete
回调中使用prop('disabled', false)
来启用提交按钮。在这个例子中,当用户提交表单时,首先使用e.preventDefault();
阻止表单的默认行为,然后发送Ajax请求以验证用户名。当请求被发送之前,禁用提交按钮。当请求完成时,启用提交按钮。