Uncaught TypeError: संपत्ति पढ़ा नहीं जा सकता अपरिभाषित

Question

की 'कॉल' मैं जो मैं युक्त करने के लिए jQuery सत्यापन जोड़ने के लिए कोशिश कर रहा हूँ एक पहले से मौजूद फ़ॉर्म दिया गया है:

<form id="form" method="POST" action="/title/"> 
    {% csrf_token %} 
<input type="hidden" name="id" value="6"> 
<input type="hidden" name="custom_checkbox_Electronic_Signature_man" value="1"> 
          <p> <span class="style9">First Name </span> 
           <input type="text" name="first_name" value="" size="20" class="style7"><span class="style9"> 
          Last Name </span> 
           <input type="text" name="last_name" value="" size="20" class="style7"><span class="style9"> 

jQuery validator प्लगइन का उपयोग करना, मैं जोड़ लिया है:

$('form').validate({ 
    rules: { 
     first_name: { 
      minlen: 3, 
      maxlength: 15, 
      required: true 
     }, 
     last_name: { 
      minlength: 3, 
      maxlength: 15, 
      required: true 
     }, 
     email: { 
      required: true, 
      email: true 
     }, 
     phone1: { 
      required: true, 
      phoneUS: true 
      }, 
     phone2: { 
      required: true, 
      phoneUS: true 
      }, 
      street: { 
      required: true 
      }, 
       city: { 
      required: true 
      }, 
       state: { 
      required: true 
      }, 
       zip: { 
      zipcodeUS: true 
      } 

    }, 
    highlight: function(element) { 
     $(element).closest('.style9').addClass('.style13'); 
     //$(element).addClass('.style13'); 
    }, 
    unhighlight: function(element) { 
     $(element).closest('.style9').removeClass('.style13'); 
     //$(element).removeClass('.style13'); 
    }, 
    errorElement: 'span', 
    errorClass: 'style13', 
    errorPlacement: function(error, element) { 
     if(element.parent('.input-group').length) { 
      error.insertAfter(element.parent()); 
     } else { 
      error.insertAfter(element); 
     } 
    } 
}); 

मुझे ऊपर सूचीबद्ध त्रुटि मिल रही है। मैं क्या गलत कर रहा हूं?

Answer 1

minlength साथ minlen बदलें, और यह काम करता है, कोई minlen संपत्ति है, इसलिए call आंतरिक रूप से विफल रहता है

$('form').validate({ 
    rules: { 
     first_name: { 
      minlength: 3, // <- here 
      maxlength: 15, 
      required: true 
     }, 
     last_name: { 
      minlength: 3, 
      maxlength: 15, 
      required: true 
     }, 
    .......... 

Answer 2

कोशिश

jQuery(document).ready(function(){ 
       $('form').validate({ 
    rules: { 
     first_name: { 
      minlen: 3, 
      maxlength: 15, 
      required: true 
     }, 
     last_name: { 
      minlength: 3, 
      maxlength: 15, 
      required: true 
     }, 
     email: { 
      required: true, 
      email: true 
     }, 
     phone1: { 
      required: true, 
      phoneUS: true 
      }, 
     phone2: { 
      required: true, 
      phoneUS: true 
      }, 
      street: { 
      required: true 
      }, 
       city: { 
      required: true 
      }, 
       state: { 
      required: true 
      }, 
       zip: { 
      zipcodeUS: true 
      } 

    }, 
    highlight: function(element) { 
     $(element).closest('.style9').addClass('.style13'); 
     //$(element).addClass('.style13'); 
    }, 
    unhighlight: function(element) { 
     $(element).closest('.style9').removeClass('.style13'); 
     //$(element).removeClass('.style13'); 
    }, 
    errorElement: 'span', 
    errorClass: 'style13', 
    errorPlacement: function(error, element) { 
     if(element.parent('.input-group').length) { 
      error.insertAfter(element.parent()); 
     } else { 
      error.insertAfter(element); 
     } 
    } 
}); 
      }); 

Answer 3

सामान्यतया ऐसा गलती से हुआ है कि यदि आप उठाया जा सकता है है एक वैध वैध jQuery सत्यापन नियम सेट किया है।
आप this लिंक का उपयोग कर वैध सत्यापन नियम पा सकते हैं।