लूप

Question

में डेटा-विशेषताओं के आधार पर jQuery सत्यापन नियम जोड़ना मैं data- विशेषताओं के आधार पर नियम जोड़ने की कोशिश कर रहे jQuery validation प्लगइन का उपयोग कर रहा हूं। मैं data-minlength या data-maxlength पर आधारित न्यूनतम/अधिकतम लम्बाई नियम जोड़ रहा हूं। यहाँ कुछ नमूना HTML है:

<form> 
    <input name="input1" data-maxlength="5" data-minlength="3" required> 
    <input name="input2" data-maxlength="5" required> 
    <input name="input3" data-minlength="3" required> 
    <button>Submit</button> 
</form> 

मैं नियम जोड़ने के लिए यह कर रहा हूँ और यह ठीक काम कर रहा है:

$('input[data-minlength]').each(function(){ 
    if ($(this).data('minlength')) { 
     $(this).rules("add", { 
      minlength: $(this).data('minlength') 
     }); 
    } 
}); 

$('input[data-maxlength]').each(function(){ 
    if ($(this).data('maxlength')) { 
     $(this).rules("add", { 
      maxlength: $(this).data('maxlength') 
     }); 
    } 
}); 

लेकिन मैं इसे छोटा करने के लिए चाहता था, इसलिए मैं इस कोशिश की और यह काम नहीं कर रहा:

['minlength', 'maxlength'].forEach(function(item){ 
    $('input[data-'+item+']').each(function(){ 
     if ($(this).data(item)) { 
      // alert(item) shows the correct rule name 
      $(this).rules("add", { 
       // Next line fails, but hardcoding a rule name works 
       item: $(this).data(item) 
      }); 
     } 
    }); 
}); 

त्रुटि इसलिए है क्योंकि $.validator.methods[method] अपरिभाषित है। किसी भी तरह से इसे गलत विधि नाम पास हो रहा है, भले ही alert(item) मुझे बताता है कि नियम का नाम सही है।

क्या किसी के पास कोई विचार है, या एक वैकल्पिक समाधान है जिसका उपयोग मैं उपरोक्त दोहराव, कामकाजी कोड को छोटा करने के लिए कर सकता हूं?

डेमो: http://jsfiddle.net/kaVKe/1/

Answer 1

यह काम नहीं करता है क्योंकि आप वस्तु नामक एक नई संपत्ति के साथ एक वस्तु शब्दशः बना रहे हैं।

इस बारे में कैसे?

['minlength', 'maxlength'].forEach(function(item){ 
    $('input[data-'+item+']').each(function(){ 
     if ($(this).data(item)) { 
      // alert(item) shows the correct rule name 
      var options = {}; 
      options[item] = $(this).data(item); 

      $(this).rules("add", options); 
     } 
    }); 
}); 

यह एक विकल्प वस्तु बनाता है और आपको आवश्यक उचित संपत्ति जोड़ता है।

Answer 2

क्यों आप बस ऐसा नहीं करते हैं

$('input').each(function(){ 
    var max = $(this).data('maxlength'); 
    var min = $(this).data('minlength') 
    if (min) { 
     $(this).rules("add", { 
      minlength: min 
     }); 
    } 
    if (max) { 
     $(this).rules("add", { 
      maxlength: max 
     }); 
    } 
}); 

बेला यहाँ http://jsfiddle.net/kaVKe/2/ आपका कोड मुझे लगता है कि क्योंकि आप एक संपत्ति नाम

के लिए एक चर का उपयोग नहीं कर काम नहीं करता है

// Next line fails, item is always interpreted as item, not as maxlength/minlength 
item: $(this).data(item) 

Answer 3

प्रयास करें:

['minlength', 'maxlength'].forEach(function(item){ 
    $('input[data-'+item+']').each(function(){ 
     if ($(this).data(item)) { 
      var rule = {}; 
      rule[item] = $(this).data(item); 
      $(this).rules("add", rule); 
     } 
    }); 
}); 

आपका समाधान क्योंकि वस्तु शाब्दिक अंकन में काम नहीं करता है, संपत्ति के नाम चर के रूप में व्याख्या नहीं की जाएगी:

{ 
    item: ... // <-- this one 
}