jQuery驗證的JavaScript定義的規則不工作

Question

這工作...

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

這不......

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

... 

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

JavaScript已經在在頭部鏈接文件validationrules.js保存關閉部分。

<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> 

我可能錯過了很簡單的事情。它是什麼？提前致謝。

Answer 1

貌似input名缺少

name屬性首先在元素上必需的，因爲這是 什麼jQuery驗證內部使用，作爲各領域的關鍵，而 其次是因爲需要的name屬性輸入元素爲 確保頁面驗證爲指定的DOCTYPE。

代碼：

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

Answer 2

按文檔和我以前用這個插件。該代碼應包含的規則，字段名等

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

聲明：

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