.net中客户端验证可以用微软自带的验证控件,但明显没有直接写的Javascript来得简单有效,请参照以下三步:
第一:Form如下:
![](/d/file/20100404/b8ef85164a8d51b5e1c4effd12718001.jpg)
<form id="Form1" method="post" runat="server">
![](/d/file/20100404/b8ef85164a8d51b5e1c4effd12718001.jpg)
<FONT face="宋体"></FONT><FONT face="宋体"></FONT>
![](/d/file/20100404/b8ef85164a8d51b5e1c4effd12718001.jpg)
<br>
![](/d/file/20100404/b8ef85164a8d51b5e1c4effd12718001.jpg)
1. Name :<br>
![](/d/file/20100404/b8ef85164a8d51b5e1c4effd12718001.jpg)
<asp:TextBox ID="txtName" runat="server" /><br>
![](/d/file/20100404/b8ef85164a8d51b5e1c4effd12718001.jpg)
2. Email :<br>
![](/d/file/20100404/b8ef85164a8d51b5e1c4effd12718001.jpg)
<asp:TextBox ID="txtEmail" runat="server" /><br>
![](/d/file/20100404/b8ef85164a8d51b5e1c4effd12718001.jpg)
3. Web URL :<br>
![](/d/file/20100404/b8ef85164a8d51b5e1c4effd12718001.jpg)
<asp:TextBox ID="txtWebURL" runat="server" /><br>
![](/d/file/20100404/b8ef85164a8d51b5e1c4effd12718001.jpg)
4. Zip :<br>
![](/d/file/20100404/b8ef85164a8d51b5e1c4effd12718001.jpg)
<asp:TextBox ID="txtZIP" runat="server" /><br>
![](/d/file/20100404/b8ef85164a8d51b5e1c4effd12718001.jpg)
5.Content<br>
![](/d/file/20100404/b8ef85164a8d51b5e1c4effd12718001.jpg)
<asp:TextBox ID="txtContent" runat="server" TextMode="MultiLine" Width="504px" Height="80px" />
![](/d/file/20100404/b8ef85164a8d51b5e1c4effd12718001.jpg)
<br>
![](/d/file/20100404/b8ef85164a8d51b5e1c4effd12718001.jpg)
<asp:Button ID="btnSubmit" OnClientClick=" return validate()" runat="server" Text="Submit" />
![](/d/file/20100404/b8ef85164a8d51b5e1c4effd12718001.jpg)
</form>
第二:调用函数如下(可自行扩展)
![](/d/file/20100404/b8ef85164a8d51b5e1c4effd12718001.jpg)
<script language="javascript" type="text/javascript">
![](/d/file/20100404/b8ef85164a8d51b5e1c4effd12718001.jpg)
function validate()
![](/d/file/20100404/4e12e95d38d270878da7c3a8ef474ae6.jpg)
![](/d/file/20100404/a8f8416940f505780e19581dedcb7618.jpg)
...{
![](/d/file/20100404/f251138ac4f10ec33a838cdd53e09c5f.jpg)
if (document.getElementById("<%=txtName.ClientID%>").value=="")
![](/d/file/20100404/938af980c61d70959e14e4249d120c3b.jpg)
![](/d/file/20100404/0f058a3cb4b1464b4660fd3c7b977e4f.jpg)
...{
![](/d/file/20100404/f251138ac4f10ec33a838cdd53e09c5f.jpg)
alert("Name Feild can not be blank");
![](/d/file/20100404/f251138ac4f10ec33a838cdd53e09c5f.jpg)
document.getElementById("<%=txtName.ClientID%>").focus();
![](/d/file/20100404/f251138ac4f10ec33a838cdd53e09c5f.jpg)
return false;
![](/d/file/20100404/5d6f04d98dea411e1c3e3f673e3e6c5c.jpg)
}
![](/d/file/20100404/f251138ac4f10ec33a838cdd53e09c5f.jpg)
if(document.getElementById("<%=txtEmail.ClientID %>").value=="")
![](/d/file/20100404/938af980c61d70959e14e4249d120c3b.jpg)
![](/d/file/20100404/0f058a3cb4b1464b4660fd3c7b977e4f.jpg)
...{
![](/d/file/20100404/f251138ac4f10ec33a838cdd53e09c5f.jpg)
alert("Email id can not be blank");
![](/d/file/20100404/f251138ac4f10ec33a838cdd53e09c5f.jpg)
document.getElementById("<%=txtEmail.ClientID %>").focus();
![](/d/file/20100404/f251138ac4f10ec33a838cdd53e09c5f.jpg)
return false;
![](/d/file/20100404/5d6f04d98dea411e1c3e3f673e3e6c5c.jpg)
}
![](/d/file/20100404/f251138ac4f10ec33a838cdd53e09c5f.jpg)
// var emailPat = /^(".*"|[A-Za-z]w*)@([d{1,3}(.d{1,3}){3}]|[A-Za-z]w*(.[A-Za-z]w*)+)$/;
![](/d/file/20100404/f251138ac4f10ec33a838cdd53e09c5f.jpg)
//var emailPat = "w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*";
![](/d/file/20100404/f251138ac4f10ec33a838cdd53e09c5f.jpg)
//var emailPat = /^[/w-]+(/.[/w-]+)*@[/w-]+(/.[/w-]+)+$/;
![](/d/file/20100404/f251138ac4f10ec33a838cdd53e09c5f.jpg)
//var emailPat = '^([w]+@([w]+.)+[a-zA-Z]{2,9}(s*;s*[w]+@([w]+.)+[a-zA-Z]{2,9})*)$';
![](/d/file/20100404/f251138ac4f10ec33a838cdd53e09c5f.jpg)
var emailPat = "^[a-zA-Z0-9_.]+@[a-zA-Z0-9-]+[.a-zA-Z]+$";
![](/d/file/20100404/f251138ac4f10ec33a838cdd53e09c5f.jpg)
var emailid=document.getElementById("<%=txtEmail.ClientID %>").value;
![](/d/file/20100404/f251138ac4f10ec33a838cdd53e09c5f.jpg)
var matchArray = emailid.match(emailPat);
![](/d/file/20100404/f251138ac4f10ec33a838cdd53e09c5f.jpg)
if (matchArray == null)
![](/d/file/20100404/938af980c61d70959e14e4249d120c3b.jpg)
![](/d/file/20100404/0f058a3cb4b1464b4660fd3c7b977e4f.jpg)
...{
![](/d/file/20100404/f251138ac4f10ec33a838cdd53e09c5f.jpg)
alert("Your email address seems incorrect. Please try again.");
![](/d/file/20100404/f251138ac4f10ec33a838cdd53e09c5f.jpg)
document.getElementById("<%=txtEmail.ClientID %>").focus();
![](/d/file/20100404/f251138ac4f10ec33a838cdd53e09c5f.jpg)
return false;
![](/d/file/20100404/5d6f04d98dea411e1c3e3f673e3e6c5c.jpg)
}
![](/d/file/20100404/f251138ac4f10ec33a838cdd53e09c5f.jpg)
if(document.getElementById("<%=txtWebURL.ClientID %>").value=="")
![](/d/file/20100404/938af980c61d70959e14e4249d120c3b.jpg)
![](/d/file/20100404/0f058a3cb4b1464b4660fd3c7b977e4f.jpg)
...{
![](/d/file/20100404/f251138ac4f10ec33a838cdd53e09c5f.jpg)
alert("Web URL can not be blank");
![](/d/file/20100404/f251138ac4f10ec33a838cdd53e09c5f.jpg)
document.getElementById("<%=txtWebURL.ClientID %>").value="http://"
![](/d/file/20100404/f251138ac4f10ec33a838cdd53e09c5f.jpg)
document.getElementById("<%=txtWebURL.ClientID %>").focus();
![](/d/file/20100404/f251138ac4f10ec33a838cdd53e09c5f.jpg)
return false;
![](/d/file/20100404/5d6f04d98dea411e1c3e3f673e3e6c5c.jpg)
}
![](/d/file/20100404/f251138ac4f10ec33a838cdd53e09c5f.jpg)
var Url="^[A-Za-z]+://[A-Za-z0-9-_]+/.[A-Za-z0-9-_%&?/.=]+$"
![](/d/file/20100404/f251138ac4f10ec33a838cdd53e09c5f.jpg)
var tempURL=document.getElementById("<%=txtWebURL.ClientID%>").value;
![](/d/file/20100404/f251138ac4f10ec33a838cdd53e09c5f.jpg)
var matchURL=tempURL.match(Url);
![](/d/file/20100404/f251138ac4f10ec33a838cdd53e09c5f.jpg)
if(matchURL==null)
![](/d/file/20100404/938af980c61d70959e14e4249d120c3b.jpg)
![](/d/file/20100404/0f058a3cb4b1464b4660fd3c7b977e4f.jpg)
...{
![](/d/file/20100404/f251138ac4f10ec33a838cdd53e09c5f.jpg)
alert("Web URL does not look valid");
![](/d/file/20100404/f251138ac4f10ec33a838cdd53e09c5f.jpg)
document.getElementById("<%=txtWebURL.ClientID %>").focus();
![](/d/file/20100404/f251138ac4f10ec33a838cdd53e09c5f.jpg)
return false;
![](/d/file/20100404/5d6f04d98dea411e1c3e3f673e3e6c5c.jpg)
}
![](/d/file/20100404/f251138ac4f10ec33a838cdd53e09c5f.jpg)
if (document.getElementById("<%=txtZIP.ClientID%>").value=="")
![](/d/file/20100404/938af980c61d70959e14e4249d120c3b.jpg)
![](/d/file/20100404/0f058a3cb4b1464b4660fd3c7b977e4f.jpg)
...{
![](/d/file/20100404/f251138ac4f10ec33a838cdd53e09c5f.jpg)
alert("Zip Code is not valid");
![](/d/file/20100404/f251138ac4f10ec33a838cdd53e09c5f.jpg)
document.getElementById("<%=txtZIP.ClientID%>").focus();
![](/d/file/20100404/f251138ac4f10ec33a838cdd53e09c5f.jpg)
return false;
![](/d/file/20100404/5d6f04d98dea411e1c3e3f673e3e6c5c.jpg)
}
![](/d/file/20100404/f251138ac4f10ec33a838cdd53e09c5f.jpg)
var digits="0123456789";
![](/d/file/20100404/f251138ac4f10ec33a838cdd53e09c5f.jpg)
var temp;
![](/d/file/20100404/f251138ac4f10ec33a838cdd53e09c5f.jpg)
for (var i=0;i<document.getElementById("<%=txtZIP.ClientID %>").value.length;i++)
![](/d/file/20100404/938af980c61d70959e14e4249d120c3b.jpg)
![](/d/file/20100404/0f058a3cb4b1464b4660fd3c7b977e4f.jpg)
...{
![](/d/file/20100404/f251138ac4f10ec33a838cdd53e09c5f.jpg)
temp=document.getElementById("<%=txtZIP.ClientID%>").value.substring(i,i+1);
![](/d/file/20100404/f251138ac4f10ec33a838cdd53e09c5f.jpg)
if (digits.indexOf(temp)==-1)
![](/d/file/20100404/938af980c61d70959e14e4249d120c3b.jpg)
![](/d/file/20100404/0f058a3cb4b1464b4660fd3c7b977e4f.jpg)
...{
![](/d/file/20100404/f251138ac4f10ec33a838cdd53e09c5f.jpg)
alert("Please enter correct zip code");
![](/d/file/20100404/f251138ac4f10ec33a838cdd53e09c5f.jpg)
document.getElementById("<%=txtZIP.ClientID%>").focus();
![](/d/file/20100404/f251138ac4f10ec33a838cdd53e09c5f.jpg)
return false;
![](/d/file/20100404/5d6f04d98dea411e1c3e3f673e3e6c5c.jpg)
}
![](/d/file/20100404/5d6f04d98dea411e1c3e3f673e3e6c5c.jpg)
}
![](/d/file/20100404/f251138ac4f10ec33a838cdd53e09c5f.jpg)
var ContentLength="";
![](/d/file/20100404/f251138ac4f10ec33a838cdd53e09c5f.jpg)
if (document.getElementById("<%=txtContent.ClientID%>").value=="")
![](/d/file/20100404/938af980c61d70959e14e4249d120c3b.jpg)
![](/d/file/20100404/0f058a3cb4b1464b4660fd3c7b977e4f.jpg)
...{
![](/d/file/20100404/f251138ac4f10ec33a838cdd53e09c5f.jpg)
alert("Content is need!");
![](/d/file/20100404/f251138ac4f10ec33a838cdd53e09c5f.jpg)
document.getElementById("<%=txtContent.ClientID%>").focus();
![](/d/file/20100404/f251138ac4f10ec33a838cdd53e09c5f.jpg)
return false;
![](/d/file/20100404/5d6f04d98dea411e1c3e3f673e3e6c5c.jpg)
}
![](/d/file/20100404/f251138ac4f10ec33a838cdd53e09c5f.jpg)
else if(document.getElementById("<%=txtContent.ClientID%>").value.length>100)
![](/d/file/20100404/938af980c61d70959e14e4249d120c3b.jpg)
![](/d/file/20100404/0f058a3cb4b1464b4660fd3c7b977e4f.jpg)
...{
![](/d/file/20100404/f251138ac4f10ec33a838cdd53e09c5f.jpg)
alert("Content is Too Long,and More than 100 Chars!");
![](/d/file/20100404/f251138ac4f10ec33a838cdd53e09c5f.jpg)
document.getElementById("<%=txtContent.ClientID%>").focus();
![](/d/file/20100404/f251138ac4f10ec33a838cdd53e09c5f.jpg)
return false;
![](/d/file/20100404/5d6f04d98dea411e1c3e3f673e3e6c5c.jpg)
}
![](/d/file/20100404/f251138ac4f10ec33a838cdd53e09c5f.jpg)
return true;
![](/d/file/20100404/57115e759b1968f08174d7091ee7c280.jpg)
}
![](/d/file/20100404/b8ef85164a8d51b5e1c4effd12718001.jpg)
</script>
第三:Page_Load事件中加入一行:
![](/d/file/20100404/b8ef85164a8d51b5e1c4effd12718001.jpg)
private void Page_Load(object sender, System.EventArgs e)
![](/d/file/20100404/4e12e95d38d270878da7c3a8ef474ae6.jpg)
![](/d/file/20100404/a8f8416940f505780e19581dedcb7618.jpg)
...{
![](/d/file/20100404/f251138ac4f10ec33a838cdd53e09c5f.jpg)
btnSubmit.Attributes.Add("onclick", "return validate()");
![](/d/file/20100404/57115e759b1968f08174d7091ee7c280.jpg)
}