我如何在我的項目中使用jQuery驗證插件

Question

我正在使用jquery驗證插件來驗證jquery中的時間...但它總是顯示一個錯誤，這真的讓我拉我的頭髮。

Uncaught TypeError: Cannot call method 'addMethod' of undefined

$("input").blur(function() { 
       //var check =$(this).closest('tr').find('input'); 
       $(this).each(function() { 
       $.validator.addMethod(this, function(value, element) { 
       return this.optional(element) || /^(([0-1]?[0-9])|([2][0-3])):([0-5]?[0-9])(:([0-5]?[0-9]))?$/i.test(value); 
        }, "Please enter a valid time."); 

       $("#check").validate({ 
          rules: { 
          input: "required time" 
            } 

       }); 

Answer 1

你缺少在你的頁面的validator library，包括library在你的頁面

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.js"></script> 

而且

$.validator.addMethod('timevalue', function(value, element) { 
    return this.optional(element) || /^(([0-1]?[0-9])|([2][0-3])):([0-5]?[0-9])(:([0-5]?[0-9]))?$/i.test(value); 
}, "Please enter a valid time."); 


$("#check").validate({ 
    rules: { 
     timevalue: true 
    } 
});