我在输入字段上附加了一个模糊事件,该事件用于发送AJAX请求。当我在此字段中键入并单击时,从开发人员的“网络”选项卡中,我注意到已触发多个AJAX请求。在不重新加载页面的情况下,如果我继续单击输入字段并单击退出(重复第一个操作),则AJAX请求将增加1。
这是我的代码
var accountnumber=$('#account-number');
var submit_btn = $('#submit-btn');
var message = $('#message');
accountnumber.blur(function () {
let accountnumber = $(this).val();
if(accountnumber.length > 0 && accountnumber.length < 10){
message.html('<span class="mage-error">Your account number must be 15 digits</span>')
submit_btn.attr('disabled', true);
}else{
if(accountnumber.length > 0){
submit_btn.attr('disabled', true);
message.html('<img src="'+loader+'" alt="Loading..." /> Verifying account number ');
// Send ajax request to check for account number
$.ajax({
url: siteurl+"uaccount/account/verify",
data: {account_num:accountnumber},
method: 'POST'
}).done(function(data){
message.html('<span style="color: green">'+data.msg+'</span>');
submit_btn.removeAttr('disabled');
}).error(function(err){
$('#accountnumber').val('');
message.html('<span style="color: red">'+err.responseText+'</span>');
})
}else{
submit_btn.removeAttr('disabled');
}
}
})