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

//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>


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
YOLO高分设计资源源码,详情请查看资源内容中使用说明 YOLO高分设计资源源码,详情请查看资源内容中使用说明 YOLO高分设计资源源码,详情请查看资源内容中使用说明 YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值