zoukankan      html  css  js  c++  java
  • .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知识点整理
    CSS3疑难问题---6、伪类和伪元素的区别
    人物志---宋霭龄
    范仁义js课程---4、js基本注意点
    legend3---24、软件更新的时候记得保留上两个版本的软件和数据
    心得体悟帖---200215(被动录课效率太低了)
    Java中迭代列表中数据时几种循环写法的效率比较
    Win10
    Java字符串的最大长度
    Android Application对象必须掌握的七点
  • 原文地址:https://www.cnblogs.com/jiaojuan/p/6056293.html
Copyright © 2011-2022 走看看