首页 > 代码库 > .NET中表单的JS验证

.NET中表单的JS验证

JS验证代码如下:(需要引入两个JS包)

技术分享
 1     <script type="text/javascript" src="/js/jquery.validate.min.js"></script>
 2     <script type="text/javascript" src="/js/jquery-1.7.2.js"></script>
 3      <script type="text/javascript">
 4         function ValidateCartoon(){
 5             var name = $("#txtCompany").val().trim();
 6             if(name==""){
 7                 alert("公司/单位名称不能为空!");
 8                 return false;
 9             }
10             var mobile = $("#txtName").val().trim();
11             if(mobile==""){
12                 alert("姓名不能为空!");
13                 return false;
14             }
15            var email=$("#txtEmail").val().trim();
16            var pattern = /^([\.a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/;
17            if(email==""){
18             alert("邮箱不能为空");
19             return false;
20            }
21            if (!pattern.test(email)) {  
22                 alert("请输入正确的邮箱地址。");  
23                 return false;  
24             }  
25             var mobile = $("#txtPhone").val().trim();
26             var str =/^((1[3|5|7|8][0-9]{1})+\d{8})$/;
27             if(mobile==""){
28             alert("联系电话不能为空!");
29             return false;
30             }
31             else if(!mobile.match(str)){
32             alert("请输入正确的11位手机号!");
33             return false;
34             }
35 
36            return true;
37             
38         }
39     </script>
View Code

.NET代码如下:

技术分享
 1 <form id="form1" runat="server">
 2     <div>
 3     <div>联系方式信息如下:</div>
 4     <dl>
 5     <dt> <span class=cRed>*</span>公司/单位名称 (必填)</dt>
 6     <dd><asp:TextBox ID="txtCompany" runat="server"></asp:TextBox></dd>
 7     </dl> 
 8      <dl>
 9     <dt><span class=cRed>*</span> 姓名 (必填)</dt>
10     <dd><asp:TextBox ID="txtName" runat="server"></asp:TextBox></dd>
11     </dl> 
12      <dl>
13     <dt><span class=cRed>*</span> 邮件地址 (必填,检查邮件格式)</dt>
14     <dd><asp:TextBox ID="txtEmail" runat="server"></asp:TextBox></dd>
15     </dl> 
16      <dl>
17     <dt> 电话 (可选择填写)</dt>
18     <dd><asp:TextBox ID="txtPhone" runat="server"></asp:TextBox></dd>
19     </dl> 
20     <asp:Button ID="btnSubmit" runat="server" Text="提交信息" OnClientClick="return ValidateCartoon()" OnClick="btnSubmit_Click" />
21     </div>
22     </form>
View Code

如上面代码那样即可实现.NET表单的JS验证。

.NET中表单的JS验证