jquery.validate的 使用

 須要引入jar包

<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.validate/jquery.validate.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.validate/additional-methods.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.validate/localization/messages_zh.js"></script>

 

<form id="savePassWord"  method="post">

校驗的方法爲：

function checkInputPass(){
       $("#savePassWord").validate({ //驗證的按鈕觸發
           rules: {
               "oldpassword": { //name
                   required: true,
                   minlength: 3
               },
               "password": {
                   required: true,
                   minlength: 3
               },
               "surepassword": {
                   required: true,
                    equalTo: "#passwordId"  //id
               }
           },
           messages: {
               "oldpassword": {
                   required: '原密碼不能爲空！',
                  minlength: $.validator.format('原密碼不能小於{0}!')
               },
               "password": {
                   required: '新密碼不能爲空！',
                  minlength: $.validator.format('新密碼不能小於{0}!')
               },
               "surepassword": {
                   required: '確認新密碼不能爲空！',
                    equalTo: '請輸入與上面相同的密碼！'
               }
           },
           // 錯誤的位置設置
           errorPlacement: function(error, element)
           { 
               error.appendTo($(element).parent().find("span"));
           },
           // 提交攔截處理，specifying a submitHandler prevents the default submit, good for the demo
           submitHandler: function(form)
           {
           
           }
       });
}