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

时间:2016-05-16 03:58:32

标签: javascript c# jquery html

我正在尝试模拟从#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" />

3 个答案:

答案 0 :(得分:1)

通过jQuery使用触发器。

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

删除onclick属性

答案 1 :(得分:0)

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

试试这段代码。如果您的checkfields方法返回true,这应该有效。

答案 2 :(得分:0)

首先,您需要从client id

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

此外,您需要确保您的函数checkfields returns true然后才会调用服务器端代码

function checkfields(){

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