`

近期完成的一个较大的JS验证

阅读更多
       呵呵,近期偶完成的一个较大的JS验证,行家一看就知道这种业务设计不怎么样,但是我还要是贴出来,因为几乎常用的JS前台验证都有了。
      当然了,变态的是里面还有DWR的AJAX实现,参考吧但不要对业务设计做什么评论!哈哈。

js 代码
 
  1. <script language="JavaScript">  
  2. function Check(){  
  3.     var errorinfo = "";  
  4.     var isFocus = true;   
  5.     var groupUserName = document.getElementsByName("Custom.groupUserName")[0];  
  6.     if (groupUserName.value == ""){  
  7.         errorinfo += "机构客户名称为必填项,请输入!\n";  
  8.         if(isFocus){  
  9.                     groupUserName.focus();  
  10.                     isFocus = false;  
  11.         }                     
  12.     }  
  13.     var enterpriseAddress = document.getElementsByName("Custom.enterpriseAddress")[0];  
  14.     if (enterpriseAddress.value == ""){  
  15.         errorinfo += "客户办公地址为必填项,请输入!\n";  
  16.         if(isFocus){  
  17.                     enterpriseAddress.focus();  
  18.                     isFocus = false;  
  19.         }         
  20.     }  
  21.           
  22.     var postcode = document.getElementsByName("Custom.postcode")[0];  
  23.     if (postcode.value == ""){  
  24.         errorinfo += "邮政编码为必填项,请输入!\n";  
  25.         if(isFocus){  
  26.                     postcode.focus();  
  27.                     isFocus = false;  
  28.         }                     
  29.     }else{  
  30.         var patrn=/^[a-zA-Z0-9 ]{3,12}$/;  
  31.         if (!patrn.exec(postcode.value)){  
  32.             errorinfo += "你输入的邮政编码格式不正确,请重新输入!\n";  
  33.             if(isFocus){  
  34.                         postcode.focus();  
  35.                         isFocus = false;  
  36.             }                                         
  37.         }  
  38.     }  
  39.     var checkSub = document.getElementsByName("Custom.checkSub")[0];  
  40.     if (checkSub.value == 0){  
  41.         errorinfo += "是否验证子客户为必填项,请输入!\n";  
  42.             if(isFocus){  
  43.                         checkSub.focus();  
  44.                         isFocus = false;  
  45.             }  
  46.     }  
  47.     var principalName = document.getElementsByName("Custom.principalName")[0];  
  48.     if (principalName.value == ""){  
  49.         errorinfo += "法人代表为必填项,请输入!\n";  
  50.         if(isFocus){  
  51.                     principalName.focus();  
  52.                     isFocus = false;  
  53.         }         
  54.     }  
  55.     var passportId = document.getElementsByName("Custom.passportId")[0];  
  56.     if (passportId.value == ""){  
  57.         errorinfo += "法人代表的身份证号码为必填项,请输入!\n";  
  58.         if(isFocus){  
  59.                     passportId.focus();  
  60.                     isFocus = false;  
  61.         }         
  62.     }else{  
  63.         var patrn=/^(([0-9]{14}[x0-9]{1})|([0-9]{17}[x0-9]{1}))$/;  
  64.         if (!patrn.exec(passportId.value)){  
  65.             errorinfo += "你输入法人代表的身份证号码格式不正确,请输入15位或者18位的身份证号码!\n";  
  66.             if(isFocus){  
  67.                     passportId.focus();  
  68.                     isFocus = false;  
  69.             }                             
  70.         }         
  71.     }  
  72.   
  73.     var delegateName = document.getElementsByName("DelegateInfo1.delegateName")[0];  
  74.     if (delegateName.value == ""){  
  75.         errorinfo +="客户经办人(1)姓名为必填项,请输入!\n";  
  76.         if(isFocus){  
  77.                     delegateName.focus();  
  78.                     isFocus = false;  
  79.         }                 
  80.     }  
  81.     var delegateId = document.getElementsByName("DelegateInfo1.delegateId")[0];  
  82.     if (delegateId.value == ""){  
  83.         errorinfo += "客户经办人(1)的身份证号码为必填项,请输入!\n";  
  84.         if(isFocus){  
  85.                     delegateId.focus();  
  86.                     isFocus = false;  
  87.         }                     
  88.     }else{  
  89.         var patrn=/^(([0-9]{14}[x0-9]{1})|([0-9]{17}[x0-9]{1}))$/;  
  90.         if (!patrn.exec(delegateId.value)){  
  91.                 errorinfo += "你输入的客户经办人(1)的身份证号码格式不正确,请输入15位或者18位的身份证号码!\n";  
  92.             if(isFocus){  
  93.                         delegateId.focus();  
  94.                         isFocus = false;  
  95.             }                                                 
  96.         }        
  97.     }  
  98.     var delegateDuty = document.getElementsByName("DelegateInfo1.delegateDuty")[0];  
  99.     if (delegateDuty.value == ""){  
  100.         errorinfo +="你输入客户经办人(1)的职务为必填项,请输入!\n";      
  101.             if(isFocus){  
  102.                         delegateDuty.focus();  
  103.                         isFocus = false;  
  104.             }             
  105.     }  
  106.     var delegateTelephone = document.getElementsByName("DelegateInfo1.delegateTelephone")[0];  
  107.     if (delegateTelephone.value == ""){  
  108.         errorinfo += "你输入客户经办人(1)的固定电话为必填项,请输入!\n";  
  109.             if(isFocus){  
  110.                         delegateTelephone.focus();  
  111.                         isFocus = false;  
  112.             }                     
  113.     }else{  
  114.         var patrn=/^((\(\d{2,3}\))|(\d{3}\-))?(\(0\d{2,3}\)|0\d{2,3}-)?[1-9]\d{6,7}(\-\d{1,4})?$/;    
  115.         if (!patrn.exec(delegateTelephone.value)){  
  116.             errorinfo += "你输入的固定电话格式不正确,请重新输入!\n";    
  117.             if(isFocus){  
  118.                         delegateTelephone.focus();  
  119.                         isFocus = false;  
  120.             }                                     
  121.         }   
  122.     }  
  123.     var delegateMobile = document.getElementsByName("DelegateInfo1.delegateMobile")[0];  
  124.     if (delegateMobile.value == ""){  
  125.         errorinfo += "你输入客户经办人(1)的移动电话为必填项,请输入!\n";  
  126.             if(isFocus){  
  127.                         delegateMobile.focus();  
  128.                         isFocus = false;  
  129.             }                 
  130.     }else{  
  131.         var patrn=/^((\(\d{2,3}\))|(\d{3}\-))?13\d{9}$/;  
  132.         if (!patrn.exec(delegateMobile.value)){  
  133.             errorinfo += "你输入的移动电话格式不正确,请重新输入!\n";    
  134.             if(isFocus){  
  135.                         delegateMobile.focus();  
  136.                         isFocus = false;  
  137.             }                                 
  138.         }   
  139.     }  
  140.     var delegateFax = document.getElementsByName("DelegateInfo1.delegateFax")[0];  
  141.     if (delegateFax.value == ""){  
  142.         errorinfo += "你输入客户经办人(1)的传真为必填项,请输入!\n";  
  143.             if(isFocus){  
  144.                         delegateFax.focus();  
  145.                         isFocus = false;  
  146.             }                 
  147.     }else{  
  148.         var patrn=/^((\(\d{2,3}\))|(\d{3}\-))?(\(0\d{2,3}\)|0\d{2,3}-)?[1-9]\d{6,7}(\-\d{1,4})?$/;    
  149.         if (!patrn.exec(delegateFax.value)){  
  150.             errorinfo += "你输入的传真格式不正确,请重新输入!\n";  
  151.             if(isFocus){  
  152.                         delegateFax.focus();  
  153.                         isFocus = false;  
  154.             }                                             
  155.         }   
  156.     }  
  157.     var delegateEmail = document.getElementsByName("DelegateInfo1.delegateEmail")[0];  
  158.     if (delegateEmail.value == ""){  
  159.         errorinfo += "你输入客户经办人(1)的邮箱地址为必填项,请输入!\n";  
  160.             if(isFocus){  
  161.                         delegateEmail.focus();  
  162.                         isFocus = false;  
  163.             }                 
  164.     }else{  
  165.         var patrn=/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/;   
  166.         if (!patrn.exec(delegateEmail.value)){  
  167.             errorinfo += "你输入的邮箱地址不正确,请重新输入!\n";      
  168.             if(isFocus){  
  169.                         delegateEmail.focus();  
  170.                         isFocus = false;  
  171.             }                                     
  172.         }   
  173.     }  
  174.     //-----------------------------------------2------------------  
  175.       
  176.     var delegateId2 = document.getElementsByName("DelegateInfo2.delegateId")[0];  
  177.     if (delegateId2.value != ""){         
  178.        var patrn=/^(([0-9]{14}[x0-9]{1})|([0-9]{17}[x0-9]{1}))$/;  
  179.         if (!patrn.exec(delegateId2.value)){  
  180.                 errorinfo += "你输入的客户经办人(2)身份证号码格式不正确,请输入15位或者18位的身份证号码!\n";   
  181.                 if(isFocus){  
  182.                         delegateId2.focus();  
  183.                         isFocus = false;  
  184.                 }                                 
  185.         }        
  186.     }  
  187.     var delegateTelephone2 = document.getElementsByName("DelegateInfo2.delegateTelephone")[0];  
  188.     if (delegateTelephone2.value != ""){          
  189.         var patrn=/^((\(\d{2,3}\))|(\d{3}\-))?(\(0\d{2,3}\)|0\d{2,3}-)?[1-9]\d{6,7}(\-\d{1,4})?$/;   
  190.         if (!patrn.exec(delegateTelephone2.value)){  
  191.             errorinfo += "你输入的的客户经办人(2)固定电话格式不正确,请重新输入!\n";  
  192.                 if(isFocus){  
  193.                         delegateTelephone2.focus();  
  194.                         isFocus = false;  
  195.                 }                                                 
  196.         }   
  197.     }  
  198.     var delegateMobile2 = document.getElementsByName("DelegateInfo2.delegateMobile")[0];  
  199.     if (delegateMobile2.value != ""){         
  200.         var patrn=/^((\(\d{2,3}\))|(\d{3}\-))?13\d{9}$/;  
  201.         if (!patrn.exec(delegateMobile2.value)){  
  202.             errorinfo += "你输入的客户经办人(2)移动电话格式不正确,请重新输入!\n";  
  203.                 if(isFocus){  
  204.                         delegateMobile2.focus();  
  205.                         isFocus = false;  
  206.                 }                                             
  207.         }   
  208.     }  
  209.     var delegateFax2 = document.getElementsByName("DelegateInfo2.delegateFax")[0];  
  210.     if (delegateFax2.value != ""){        
  211.         var patrn=/^((\(\d{2,3}\))|(\d{3}\-))?(\(0\d{2,3}\)|0\d{2,3}-)?[1-9]\d{6,7}(\-\d{1,4})?$/;   
  212.         if (!patrn.exec(delegateFax2.value)){  
  213.             errorinfo += "你输入的客户经办人(2)传真格式不正确,请重新输入!\n";  
  214.                 if(isFocus){  
  215.                         delegateFax2.focus();  
  216.                         isFocus = false;  
  217.                 }                                         
  218.         }   
  219.     }  
  220.     var delegateEmail2 = document.getElementsByName("DelegateInfo2.delegateEmail")[0];  
  221.     if (delegateEmail2.value != ""){          
  222.         var patrn=/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/;   
  223.         if (!patrn.exec(delegateEmail2.value)){  
  224.             errorinfo += "你输入的客户经办人(2)邮箱地址不正确,请重新输入!\n";  
  225.                 if(isFocus){  
  226.                         delegateEmail2.focus();  
  227.                         isFocus = false;  
  228.                 }                                         
  229.         }   
  230.     }  
  231.     var delegateName2 = document.getElementsByName("DelegateInfo2.delegateName")[0];  
  232.     if (delegateId2.value != "" ||delegateTelephone2.value !="" || delegateMobile2.value != "" ||delegateFax2.value !="" || delegateEmail2.value !=""){  
  233.         if (delegateName2.value == ""){  
  234.             errorinfo+= "客户经办人(2)姓名没有输入,请输入!";  
  235.                 if(isFocus){  
  236.                         delegateName2.focus();  
  237.                         isFocus = false;  
  238.                 }                 
  239.         }  
  240.     }   
  241.     var saleOfYear = document.getElementsByName("Custom.saleOfYear")[0];  
  242.     if (saleOfYear.value != ""){  
  243.         var patrn=/^((-?|\+?)\d+)(\.\d+)?$/;  
  244.         if (!patrn.exec(saleOfYear.value)){  
  245.             errorinfo += "你输入的年销售/营业额不正确,只能够为数字类型,请重新输入!\n";  
  246.                 if(isFocus){  
  247.                         saleOfYear.focus();  
  248.                         isFocus = false;  
  249.                 }                             
  250.         }  
  251.     }  
  252.     var payoutOfYear = document.getElementsByName("Custom.payoutOfYear")[0];  
  253.     if (payoutOfYear.value == ""){  
  254.         errorinfo += "你输入年估计/实际机票支出为必填项,请输入!\n";  
  255.             if(isFocus){  
  256.                         payoutOfYear.focus();  
  257.                         isFocus = false;  
  258.             }  
  259.     }  
  260.     else{  
  261.         var patrn=/^((-?|\+?)\d+)(\.\d+)?$/;  
  262.         if (!patrn.exec(payoutOfYear.value)){  
  263.             errorinfo += "你输入的年估计/实际机票支出不正确,只能够为数字类型,请重新输入!\n";   
  264.                 if(isFocus){  
  265.                         payoutOfYear.focus();  
  266.                         isFocus = false;  
  267.                 }                         
  268.         }  
  269.     }  
  270.     var numberOfUser = document.getElementsByName("Custom.numberOfUser")[0];  
  271.     if (numberOfUser.value == ""){  
  272.         errorinfo += "你输入机构客户人数为必填项,请输入!\n";  
  273.                 if(isFocus){  
  274.                             numberOfUser.focus();  
  275.                             isFocus = false;  
  276.                 }     
  277.     }  
  278.     else{  
  279.         var patrn=/^[0-9]*[1-9][0-9]*$/;  
  280.         if (!patrn.exec(numberOfUser.value)){  
  281.             errorinfo += "你输入的机构客户人数不正确,只能够为整数类型,请重新输入!\n";       
  282.                 if(isFocus){  
  283.                         numberOfUser.focus();  
  284.                         isFocus = false;  
  285.                 }                 
  286.         }  
  287.     }  
  288.     var estimateTraveller = document.getElementsByName("Custom.estimateTraveller")[0];  
  289.     if (estimateTraveller.value == ""){  
  290.         errorinfo += "你输入年计划出行人数为必填项,请输入!\n";  
  291.                     if(isFocus){  
  292.                                 estimateTraveller.focus();  
  293.                                 isFocus = false;  
  294.                     }     
  295.       
  296.     }  
  297.     else{  
  298.         var patrn=/^[0-9]*[1-9][0-9]*$/;  
  299.         if (!patrn.exec(estimateTraveller.value)){  
  300.             errorinfo += "你输入的年计划出行人数不正确,只能够为整数类型,请重新输入!\n";      
  301.                 if(isFocus){  
  302.                         estimateTraveller.focus();  
  303.                         isFocus = false;  
  304.                 }                     
  305.         }  
  306.     }  
  307.     var frequentlyDestination = document.getElementsByName("Custom.frequentlyDestination")[0];  
  308.     if (frequentlyDestination.value == ""){  
  309.         errorinfo += "你输入经常出行地点为必填项,请输入!\n";  
  310.                     if(isFocus){  
  311.                                 frequentlyDestination.focus();  
  312.                                 isFocus = false;  
  313.                     }     
  314.       
  315.     }  
  316.       
  317.           
  318.     var SignDate = document.getElementsByName("contractSignD
分享到:
评论
1 楼 yunmanfan 2008-11-23  
是否可以进行分类check,比如:
1.如果是必填想check,可以单独做一个check function,在提交的时候同意check
2.如果是格式check,可以做不同的正则项,分别调用
以上的方案后可以简化画面和可以扩展。
仅供参考

相关推荐

    手把手教你自己写一个JS验证框架

    在本文中,我们将探讨如何构建一个简单的JavaScript表单验证框架,这对于初学者了解JavaScript和表单验证的概念非常有用。在开发网页应用时,表单验证是必不可少的一部分,它确保用户输入的数据符合预设的规则。下面...

    js验证代码大全

    JS验证代码大全是汇集了多种JavaScript验证技术的资源集合,可以帮助开发者在创建网页表单、验证用户输入等方面提供有效的解决方案。 一、表单验证基础 在网页开发中,表单验证是非常重要的一环,它能够确保用户...

    一个简单的带有javascript验证的注册页面

    本项目是一个关于“一个简单的带有javascript验证的注册页面”,主要关注的是前端验证技术,利用JavaScript语言来确保用户输入的数据符合特定的要求,提高用户体验并减轻服务器端的压力。 JavaScript是一种在客户端...

    js表单验证 全网最全的 表单验证

    `form表单验证`是JavaScript验证的核心部分。HTML `&lt;form&gt;`元素用于创建表单,而JavaScript则用来处理表单事件,如`onsubmit`、`onchange`等,用于在用户提交或更改输入时执行验证逻辑。例如,可以使用`event....

    js实时动态验证表单是否合法

    JavaScript(简称JS)是网页开发中用于实现客户端交互和数据验证的重要工具。在网页表单设计中,实时动态验证能够极大地提升用户体验,因为它允许用户在输入时立即得到反馈,了解其填写的信息是否符合要求,无需等待...

    JS验证(页面验证)

    为了更好地理解上述验证类型的实现细节,以下提供了一个简单的示例代码片段: ```javascript // Validator类实现 Validator = { Require: /.+/, Email: /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/, Phone...

    js通用表单验证代码

    本文将深入探讨“js通用表单验证代码”这一主题,以及如何利用JavaScript进行有效的表单验证。 首先,我们要理解JavaScript在表单验证中的角色。JavaScript是一种客户端脚本语言,它可以在用户的浏览器上运行,无需...

    简单且强大的js表单验证框架

    同时,它被与Struts验证框架进行比较,Struts是Java领域的一个流行MVC框架,其自带的验证功能相对较重。这里的对比意味着这个js框架在设计时可能考虑到了减轻开发者负担,简化验证过程,同时不失灵活性和可扩展性。 ...

    js验证用户名. JS初学者demo

    - **日期格式验证**:`function strDateTime(str)` 第一个版本用于验证一个字符串是否符合日期格式(如`2003-12-05`),第二个版本同时验证日期和时间(如`2003-12-05 13:04:06`)。 - **只验证年月**:虽然在文档中...

    修改密码时,js验证提示

    总之,JavaScript验证在密码修改过程中扮演着至关重要的角色,它可以确保用户输入的数据满足特定的安全标准,从而提高整个系统的安全性。正确实现和使用这些验证技术,对于创建一个用户友好且安全的Web应用至关重要...

    validation js表单验证

    - **Validation JS**:这是一个开源的JavaScript库,提供了丰富的验证规则和易于使用的API,帮助开发者创建健壮的表单验证机制。 **2. 配置文件解析** - **validation-config.dtd**:DTD(Document Type Definition...

    JavaScript表单验证控制代码大全

    "JavaScript表单验证控制代码大全"是一个集成了多种表单验证技术和策略的资源集合,帮助开发者有效地确保用户输入的数据质量和安全性。下面我们将深入探讨这个主题,了解JavaScript如何对表单数据进行验证以及常见的...

    js验证大全,各种验证,很方便,很实用

    - **jQuery Validate**:一个流行的jQuery插件,提供了丰富的验证规则和自定义选项。 - **Validator.js**:轻量级的验证库,支持多种验证规则。 - **Formik** 和 **Yup**:React生态中的表单管理和验证解决方案。...

    通用JS表单验证

    使用时请将下面的javascript代码存到一个单一的js文件中。 1、表单要求 (this)"&gt; 将对表单中的所有以下类型的域依次验证,所有验证是去除了前导和后缀空格的,要注意是区分大小写的。 2、空值验证 表单中任意域...

    javascript验证方法,自己写的, 都是经常用的,欢迎下载

    这个压缩包包含了一个名为"data_check.js"的文件,它很可能包含了作者自己编写的常用验证函数。下面我们将深入探讨JavaScript中的验证技术及其在实际应用中的重要性。 JavaScript验证主要分为客户端验证和服务器端...

    js 表单验证网页特效

    JavaScript(简称JS)是网页开发中不可或缺的一部分,尤其在表单验证方面,它扮演着至关重要的角色。在网页设计中,表单验证是确保用户输入数据有效性和安全性的关键步骤。通过JavaScript,开发者可以在客户端实时...

    javascript验证框架

    JavaScript验证框架是Web开发中不可或缺的一部分,主要用于在客户端进行数据验证,提高用户体验并减轻服务器端的压力。这些框架允许开发者创建自定义验证规则,确保用户输入的数据符合预设的格式和条件,例如邮箱...

    强大的JS开源验证框架,拿过来直接用(注册登陆用)

    LiveValidation是一个实际存在的JavaScript验证库,它提供了实时的表单验证功能,即用户在输入时就能立即看到验证结果,增强了用户体验。 总的来说,这个开源JS验证框架是Web开发者处理注册和登录验证的理想工具,...

    js验证表单大全

    #### 一、JS字符串长度限制、判断字符长度、JS限制输入、限制不能输入、Textarea长度限制 1. **基本原理:** - 使用JavaScript来控制用户输入的长度。 - 通过监听`onkeyup`事件,在每次按键释放后检查文本框中的...

Global site tag (gtag.js) - Google Analytics