jQuery Validationプラグインのカスタムメソッドは常に無効な戻り値

Question

jqueryの検証で問題を見つけるのを助けてください。私はjQuery Validation pluginを使用して自分のフォームを検証しています。私は画像のチェックディメンション（画像をアップロードしようとしている）のカスタムルールを追加しました。ここで私は、私は、コンソールにメッセージを見ることができるし、また大きさも正確に計算されたとして正しく呼ばれ

image: {required: true, accept: "image/*", checkDim: [1366,311]} 

以下の機能のようなルールを追加した

$.validator.addMethod('checkDim', function (value, element, param) {  
    var image = new Image(); 
    var file = element.files[0]; 
    var _URL = window.URL || window.webkitURL; 
    image.src = _URL.createObjectURL(file); 
    image.onload = function() { 
     console.log("The image width is " + this.width + " and image height is " + this.height); 
     if(this.width == param[0] && this.height == param[1]){ 
      return true; 
     } 
     else{    
      return false; 
     } 
    }; 

}, 'Image dimension must be as specified'); 

カスタムメソッドのコードがあるが、この機能は常にリターン無効。

私が間違っていることを理解するのを手伝ってください。

Answer 1

あなたの要素のパラメータは、あなたの要素すなわちあなたのイメージに関連する属性を与えます。あなたはイメージングオブジェクトを作成するためにイベントを必要としません。

$.validator.addMethod('checkDim', function(value, element, param) { 
     var width = $(element).width(); 
     var height = $(element).height(); 
     console.log("The image width is " + width + " and image height is " + height); 
     if (width == param[0] && height == param[1]) { 
      return true; 
     } else { 
      return false; 
     } 
    }, 'Image dimension must be as specified');