模拟<button>对<asp:button>的单击

Question

我试图模拟从#btn_new_login到#btn_login的点击。因此，当用户单击#btn_new_login时，它也会模拟对#btn_login的单击。

<button id="btn_new_login" onclick="document.getElementById('btn_login').click();">Login</button>

<asp:Button ID="btn_login" runat="server" Text="Login" OnClientClick="return checkfields()" OnClick="btn_login_Click" />

Answer 1

$(document).ready(function(){
    $('#btn_new_login').click(function(e){
        e.preventDefault();
        $('#' + '<%=btn_login.ClientID%>').trigger('click');
    });
});

试试这段代码。如果您的checkfields方法返回true，则此操作应该有效。

Answer 2

通过jQuery使用触发器。

$('#btn_new_login').click(function(e){
    e.preventDefault();
    $(this).next('button').trigger('click');
});

删除onclick属性

Answer 3

首先，您需要获得client id，因为它是一个asp:button

<button id="btn_new_login" onclick="document.getElementById('<%=btn_login.ClientID%>').click();">Login</button>

此外，您还需要确保您的函数只有在服务器端代码被调用时才会被调用。

function checkfields(){

//do you stuff
if (all good){ 
return true;
}
else{// to prevent postback
return false;
}
}