服务器控件验证文本框为空时不回传服务器的简单方法

首先添加一个新项,这里添加的网页文件名是Default.aspx

在Default.aspx里放入两个TextBox,设ID分别为TextBox1和TextBox2.

设TextBox2的TextMode属性为Password

放入一个Button控件,设ID为Button1,Text属性为"Login"

在Ddfault.aspx网页中加入下面代码

<script language="javascript" type="text/javascript" src="JScript.js"></script>

<asp:Button ID="Button1" runat="server" Text="Login" OnClientClick="return TextChange()" />

在JScript.js文件中加入下面的代码

function TextChange()
{
    var uname=document.getElementById("TextBox1").value;
    var upass=document.getElementById("TextBox2").value;
    var unameFocus=document.getElementById("TextBox1");
    var upassFocus=document.getElementById("TextBox2");
    if(uname==""||upass=="")
    {
        if(uname==""&&upass=="")
        {
            alert("请输入用户名和密码");
            unameFocus.focus();
        }
        else if(upass=="")
        {
            alert("请输入密码");
            upassFocus.focus();
        }
        else
        {
            alert("请输入用户名");
            document.getElementById("TextBox2").value="";
            unameFocus.focus();
        }
        return false;
    }
    else
        return true;
}

 

运行后,在不postback的情况下验证文本框是否为空