asp.net登录页面验证（js方法）【转载】

来源：互联网发布：u3d java工资大概多少编辑：程序博客网时间：2024/04/30 21:43

这是写在html页面前面的js代码

<script type="text/jscript">         function login() {             var username = document.getElementById("txbName").value;             var password = document.getElementById("txbPwd").value;             if (username == '' || password == '') {                 alert('用户名或密码不能为空!');                 return false;             }             return true;         }    </script>

下面是登录部分的html代码，关键部分写在OnClientClick="return login()"

<div class="loginbox">            <ul>                <li>                    <asp:TextBox ID="txbName" runat="server" class="loginuser" value="admin" onclick="JavaScript:this.value=''"></asp:TextBox></li>                <li>                    <asp:TextBox ID="txbPwd" runat="server" class="loginpwd" value="密码" TextMode="Password" onclick="JavaScript:this.value=''"></asp:TextBox></li>                <li>                    <asp:Button ID="Button1" runat="server" class="loginbtn" Text="登录"  OnClientClick="return login()"                        onclick="Button1_Click" />                    <label><input name="" type="checkbox" value="" checked="checked" />记住密码</label>                    <label><a href="#">忘记密码？</a></label></li>            </ul>        </div>

这部分代码在我们点击button的时候先执行js验证，验证不通过，则不执行Button1_Click事件，如果验证通过就执行Button1_Click事件

0 0