• .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程序员
  • 相关阅读:
    TDH-hbase shell 常用命令
    WebService之基于REST机制的实现实例(Java版)
    大牛地址
    Solr的SolrCloud与Master-slave主从模式对比
    solr亿万级索引优化实践-自动生成UUID
    Solr查询中涉及到的Cache使用及相关的实现【转】
    05-spectral 图机器学习之谱分解
    03-motifs 图机器学习之motif和结构角色
    04-communities 图机器学习之社区
    02-gnp-smallworld 图机器学习之最小世界
  • 原文地址:https://www.cnblogs.com/jiaojuan/p/6056293.html
Copyright © 2020-2023  润新知