拥有一个属于自己的javascript表单验证插件_javascript技巧

每个需要验证的表单元素下面有一个span标签，这个标签的class有一个valid表示需要验证，如果有nullable则表示可为空；rule表示验证规则，msg表示错误提示信息；to表示要验证的元素的name值，如果元素是单个的，to可以不写。该插件会遍历每个有valid的span标签，找出它前面需要验证的元素，根据rule验证，如果验证不通过，则显示边框为红色，鼠标放在元素上时显示错误信息。

验证时机：1、点击提交按钮时显式调用验证方法；2、当元素触发blur时验证。

插件代码：

CSS：

.failvalid
{
 border: solid 2px red !important;
}

JS：

如何使用：

1、引用CSS和JS(必须引用jQuery)：

2、表单HTML代码(部分代码)：

 

  

   
   
  
 
 

  

   
   
  
 
 

  

   
    ==请选择==
    是
    否
   
   
  
 
 

  

   
   多
   
   少
   
  
 
 

  

   
   狗
   
   猫
   
  
 
 

  

   
   
  
 

3、执行验证JS代码：

效果图：

以上就是作者自己动手编写的javascript表单验证插件，希望能够帮助到大家。