您的位置:首页 > 编程语言 > ASP

ASP.NET 使用LinkButton做登录按钮时,回车无法提交解决方案

2017-08-16 20:16 811 查看
//LinkButton属于A标签,必须获取焦点后,才可以使用$("#<%=this.lbtnLogin.ClientID %>").click();
//解决方法:直接触发LinkButton的回发事件 javascript: __doPostBack('lbtnLogin', '');


<asp:TextBox ID="txtLoginName" CssClass="txt" runat="server" TabIndex="1" placeholder="用户名"></asp:TextBox>

<asp:TextBox ID="txtPassword" CssClass="txt" TextMode="Password" runat="server" TabIndex="2"
placeholder="密码"></asp:TextBox>

<asp:LinkButton ID="lbtnLogin" ValidationGroup="Login" runat="server" Width="173" Height="42"
OnClientClick="return valid()" OnClick="lbtnLogin_Click">登 录</asp:LinkButton>

<script type="text/javascript">
function valid() {
var loginname = $("#<%=this.txtLoginName.ClientID %>").val().replace("用户名", "");
var loginpassword = $("#<%=this.txtPassword.ClientID %>").val().replace("密码", "");
if (loginname == "" || loginpassword == "") {
if (loginname == "" && loginpassword == "") {
$("#<%=this.validMessage.ClientID %>").text("请输入用户名和密码!");
$("#<%=this.txtLoginName.ClientID %>").focus();
} else if (loginname == "") {
$("#<%=this.validMessage.ClientID %>").text("请填写用户名!");
$("#<%=this.validMessage.ClientID %>").text("请输入用户名和密码!");
} else {
$("#<%=this.validMessage.ClientID %>").text("请输入密码!");
$("#<%=this.txtPassword.ClientID %>").focus();
}
$("#<%=this.validSummary.ClientID %>").show();
return false;
} else {
return true;
}
}

$(function() {
$("#<%=this.txtLoginName.ClientID %>").keyup(function(event) {//选择已有账号密码登录回车事件为keydown,防止事件冲突,提交登录使用keyup事件
var e = event || window.event || arguments.callee.caller.arguments[0];
if (e && e.keyCode == 13) {//登录框、回车事件
var loginpassword = $("#<%=this.txtPassword.ClientID %>").val().replace("密码", "");
if (loginpassword == "") {
$("#<%=this.txtPassword.ClientID %>").focus();//回车,检测密码未填写,则定焦到密码框
return;
}
if (valid()) {//表单验证通过,提交登录
javascript: __doPostBack('lbtnLogin', '');
//LinkButton属于A标签,必须获取焦点后,才可以使用$("#<%=this.lbtnLogin.ClientID %>").click();
//解决方法:直接触发LinkButton的回发事件
 }
}
});

$("#<%=this.txtPassword.ClientID %>").keyup(function(event) {//选择已有账号密码登录回车事件为keydown,防止事件冲突,提交登录使用keyup事件
var e = event || window.event || arguments.callee.caller.arguments[0];
if (e && e.keyCode == 13) {//密码框、回车事件
if (valid()) {//表单验证通过
javascript: __doPostBack('lbtnLogin', '');//提交登录
}
}
});
});
</script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐