JQuery validator 简单用法

  $().ready(function() {
    $.validator.addMethod("passwordConfirm", function() {
      return $("#confirmPasswd").text == $("#passwd").text;
    }, 'Password not equal.');

    // validate the comment form when it is submitted
    $(".userForm").validate({
      rules: {
        confirmPasswd : "passwordConfirm",
//        confirmPasswd : 
//        {
//          required:true,
//          equalTo:'#passwd'
//        },
        phone: "required number"
      },
      messages: {
        phone: "<span style='color:red'>Please input a phone number.</span>",
        confirmPasswd:"<span style='color:red'>Password and Retype Password do not match</span>"
      }
    });
  });

<form class="cmxform" id="commentForm" method="get" action="">
 <input type="text" id="username" name="username" value="" class="required"/>
 <input type="password" id="passwd" name="passwd" value="" class="required"/>
 <input type="password" id="confirmPasswd" name="confirmPasswd" value=""/>
</form>

需要使用到 jquery.validate.js , jquery-1.3.2.js, cmxforms.js

如果完全不使用自定义的validate方法，

$(".userForm").validate()

就够了。
如果加上自己的 message 或者 rules ， 就在validate里面加
如果需要加自己的validate方法就

$.validator.addMethod(...)

JQuery validator 自己有 reqired, email, url, date, number, equalTo 等等。（这里passwordConfirm本来可以用equalTo..）