在绑定时，On()方法页面将附加事件并转到下一页

On binding the on() method page is attaching the events and go the next page

本文关键字：事件 一页 定时 绑定 On 方法      更新时间：2023-09-26

我的问题是，当我尝试使用JQuery绑定点击事件on()。它不会翻到下一页。

你最喜欢的颜色是什么?这个输入是必需的。
$('#continue-bank-login-security-question-submit').off('click');
$('#continue-bank-login-security-question-submit').on('click',function(e){
    e.preventDefault();
    e.stopPropagation();
    if ($('.tranfer--bank-security-question-inputs').val().length===0){
        $('.transfer--form-row-error').show();
        return false;
    } else {
        $('.transfer--form-row-error').hide();
        return true;
    }
});

因为你调用

e.preventDefault();
e.stopPropagation();

当然它在返回后不会做任何事情

这样你就不会删除原来的按钮点击处理:

var elem = $('#continue-bank-login-security-question-submit');
var SearchButtonOnClick = elem.get(0).onclick;
elem.get(0).onclick = function() {
    var isValid = false;
    var sessionKey = '';
if ($('.tranfer--bank-security-question-inputs').val().length===0){
        $('.transfer--form-row-error').show();
        return false;
    } else {
        $('.transfer--form-row-error').hide();
        SearchButtonOnClick();
    }   
};

你可以试试:

<button id="continue-bank-login-security-question-submit" onclick="return Validate();">Next</button>
function Validate() {
    if ($('.tranfer--bank-security-question-inputs').val().length === 0) {
        $('.transfer--form-row-error').show();
        return false;
    } else {
        $('.transfer--form-row-error').hide();
        nextPage();
    }
}
相关文章：