单击按钮一次后,Ajax请求被发送多次

时间:2018-10-05 12:08:09

标签: javascript jquery ajax

我在输入字段上附加了一个模糊事件,该事件用于发送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');
        }
     }
})

0 个答案:

没有答案