jQuery JavaScript-Validierung definierten Regeln funktionieren nicht

Question

Dies funktioniert ...

<input type="text" id="valid" width="200px" minlength="5" /> 

Dies gilt nicht ...

<input type="text" id="valid" width="200px" /> 

... 

$(document).ready(function() { 
    $('#validationform').validate({ 
     rules: { 
      valid: { 
       minlength:5 
      } 
     }, 
     messages: { 
      valid: { 
       minlength: "Need more characters" 
      } 
     } 
    }); 
}); 

Die Javascript wird in einer Datei gespeichert validationrules.js aus, die in dem Kopf verbunden ist, Sektion.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> 
    <script src="<?php echo base_url();?>js/jquery.validate.min.js"></script> 
    <script src="<?php echo base_url();?>js/validationrules.js"></script> 

Ich vermisse wahrscheinlich etwas sehr einfach. Was ist es? Danke im Voraus.

Answer 1

Sieht aus wie input Name

Ein Name-Attribut erforderlich auf das Element fehlt erstens, weil das ist, was jQuery Validate für jedes Feld intern als Schlüssel verwendet, und zweitens, weil der Name Attribut erforderlich ist, auf Eingabeelemente auf sicherstellen, dass die Seite für den angegebenen DOCTYPE gültig ist.

Code:

<input type="text" id="valid" name="valid" width="200px" /> 

Answer 2

Per Dokumentation, und ich verwende diese vor Plugin. Der Code soll Regeln enthalten, Feldnamen usw.

<form id="myform"> 
<label for="field">Required: </label> 
<input type="text" class="left" id="field" name="field"> 
<br/> 
<input type="submit" value="Validate!"> 
</form> 

Erklärung:

$("#myform").validate({ 
    rules: { 
    field: { 
     required: true 
     } 
    } 
});