2015-12-06 58 views
0

我有html驗證窗體並驗證它。那麼,如何在檢查電子郵件時自定義一個腳本,並檢查密碼(也就是preg_match)?驗證Jquery

下面是一段JavaScript代碼:

<script type="text/javascript"> 
    $(function() { 
     // Validation 
     $("#sky-form").validate({     
      // Rules for form validation 
      rules: 
       { 
        email: 
        { 
         required: true, 
         email: true 
        }, 
        password: 
        { 
         required: true, 
         minlength: 3, 
         maxlength: 20 
        } 
       }, 

      // Messages for form validation 
      messages: 
       { 
        email: 
        { 
         required: 'Please enter your email address', 
         email: 'Please enter a VALID email address' 
        }, 
        password: 
        { 
         required: 'Please enter your password' 
        } 
       },     

      // Do not change code below 
      errorPlacement: function(error, element) 
      { 
       error.insertAfter(element.parent()); 
      } 
     }); 
    });   
</script> 

回答

0

您可以使用自定義驗證函數像下面

$.validator.addMethod('methodName', function (value, element, param) { 
    // Validation Here 

    return isValid; // return true/false 
}, 'Error Message'); 

$('#sky-form').validate({ 
    rules: { 
     email: { 
      methodName: true 
     } 
    } 
}); 

例如目的,假設你有確認您的形式(即文本框密碼字段id = confirmPswd)

現在檢查兩個密碼是否相同,你有一個自定義驗證meyhod像下面

$.validator.addMethod('validatePassword', function (value, element, param) { 
    return value==$("#confirmPswd").val(); 
}, 'Password and Confirm Password should be same'); 

$('#sky-form').validate({ 
    rules: { 
     password: { 
      validatePassword: true 
     } 
    } 
}); 
+0

對不起,我不是強大的jquery))你能給我一個例子嗎? – Ersultan

+0

添加了密碼驗證方法。你可以看看。 –

+0

有沒有像preg_match任何功能的jQuery? – Ersultan