jquery-validate

使用场景：网站前端 form验证

相关的js，在CND中有：http://www.bootcdn.cn/

 

w3cschool中的教程

每个规则都有默认提示，也可修改。但不同的input，对相同的required，所做的提示不同，或需要更精确。所以对同一个rule需要自定义message

rules：{}，message：{}

 

功能挺强大的，不过我现在要用的只是form简单地验证。

这个实例不错：http://blog.csdn.net/zoutongyuan/article/details/28094565

这个实例，在实际中使用时，有很多个性化的需求：form需要手动ajax提交

需要做的操作有3点

1、ajax提交之前，需要对数据进行处理

2、ajax提交之前，需要阻止浏览器的默认行为（submit）。form使用ajax提交时，button的type不设为submit，则可以直接click提交；在validate时，需要把type设为submit，所以click之后，ajax提交之前，需要阻止浏览器的默认行为。代码如下

submitHandle:function(form, e){

  if(e && e.preventDefault){

        e.preventDefault();

   }else{

        window.event.returnValue = false;

    }  

}
3、ajax成功后，需要做相关的操作，所以使用ajax手动提交。    

注意：使用validate，且ajax手动提交，一定不要在type="submit"上加click事件，如果加了的话，就不会执行validate。可能#上得优于.上的吧。