.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验证。

posted @ 2016-11-12 10:39 巴黎一场雨季阅读(668) 评论(0) 编辑收藏举报

刷新页面返回顶部