首页 > 代码库 > .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>
.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>
如上面代码那样即可实现.NET表单的JS验证。
.NET中表单的JS验证
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。