这几天看了锋利的jquery，感觉很不错。特别是jquery强大的选择器。今天就利用jquery写了一个自己的form表单验证的小案例。当巩固下jquery。首先贴下代码，当然只是一个小案例。

思路：

  1、<input type="text" Validate="Date" id="date"/>这里的 Validate：是我们需要验证的类型（属于日期类型），这里你也可以自己定义。id属性就不用说了。<input type="text" Validate="NotStringNull" id="notstring"/>

2、var arrayInput = jQuery('#FormData input');//获取from表单的input标签 这样就可以找到form表单下所有的input标签

3、遍历改数组，获取 Validate 属性值，看是否需要验证，在这里我用的是case匹配

4、用正则表达式来判断或其他方来校验改值是否合法

5、用 array 来存放结果和对应元素的ID

6、遍历array 数组，如果判断为false值，那么就把对应颜色的设置对应颜色的css值，提示用户。

7、返回验证的结果

　　　　

 

                      验证   
      
       
              日期验证:
       
       
       日期验证:
       
       
       
              不为空字符串验证:
       
       
       
              
              
          
      

如图：

验证结果为 false

验证结果为 false

验证结果为 true