I am trying to simulate a click from #btn_new_login to #btn_login. So when the user click #btn_new_login, it will simulate a click on #btn_login as well.
<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" />
Use trigger via jQuery.
$('#btn_new_login').click(function(e){
e.preventDefault();
$(this).next('button').trigger('click');
});
remove the onclick attributes
$(document).ready(function(){
$('#btn_new_login').click(function(e){
e.preventDefault();
$('#' + '<%=btn_login.ClientID%>').trigger('click');
});
});
Try this code. This should work if your checkfields method is returning true.
Firstly, you would need to get the client id since its an asp:button
<button id="btn_new_login" onclick="document.getElementById('<%=btn_login.ClientID%>').click();">Login</button>
Also, you need to make sure your function checkfields returns true only then the server side code would be called
function checkfields(){
//do you stuff
if (all good){
return true;
}
else{// to prevent postback
return false;
}
}
