onChange或替代的jQuery驗證

Question

我有一個交互/可編輯表格，當使用onChange="myfunction"更改單元格值時，會執行許多操作。問題是，我需要有一些驗證：

1. MAXLENGTH = 1
2. 只有字母^ [A-ZA-Z] + $
3. 不能爲空...需要=真

但是，我擔心，由於使用onChange我可能無法實現這一點。

這裏是我的表的工作示例：http://jsfiddle.net/JEAkX/32/

這裏是jQuery的驗證碼我希望能去上班：

$.validator.addMethod(
    "legalValue", 
    function(value, element) { 
     return this.optional(element) || /^[a-zA-Z]+$/.test(value); 
    }, 
    alert("Bad Value!") 
); 
$(document).ready(function() { 
    $("#wholeTable").validate({ 
     rules: { 
      cell: { 
       legalValue: true, 
       required: true, 
       maxlength: 1 
      } 
     } 
    }); 
}); 

是否有可能使這項工作給我的當前設置使用onChange？如果不是，你會建議採取什麼方向轉換爲可以進行此驗證的系統。

如果我留在onChange，我需要一個偉大的全局數組來保存表格的值，以防有人輸入錯誤並且值被還原，所以表格不會改變？

Answer 1

剛一看你的源代碼，我不知道我知道你有什麼問題，但你的代碼中有一個錯誤：

<script type="text/javascript" scr="http://view.jquery.com/trunk/plugins/validate/jquery.validate.js"></script> 

應該

<script type="text/javascript" src="http://view.jquery.com/trunk/plugins/validate/jquery.validate.js"></script> 

不推你解決這個難題有什麼區別，我可以說腳本文件的路徑是使用src屬性指定的，而不是使用scr。在我改變這個之後，當我在任何領域輸入「4」時，我會收到關於錯誤等的警告信息。我也輸入了幾個字符...所以看起來像是有效的。是問題，還是我沒有，不要問你的問題？