要實現的功能：在做添加學生信息的時候，利用easyui的驗證功能判斷 學號是否重復和學號只能為數字
最終效果如下圖：
但在做這個的過程中，遇到了一系列的問題：
擴展validatebox的驗證方法，最開始的驗證代碼如下：
1 //學號格式只能為數字 ****//這里沒有問題****
2 number: {//value值為文本框中的值
3 validator: function (value) { 4 var reg = /^[0-9]*$/; 5 return reg.test(value); 6 }, 7 message: '學號格式不正確.'
8 },
1 //驗證學號不能重復
2 snumber: { 3 //param參數為textarea的id值
4 validator: function (value, param) { 5 //將從后台獲取的json數據先放入textarea，再獲取出來后解析成數組
6 var snumbers = $.parseJSON($(param)[0].val()); 7 for(var i=0;i < snumbers.length;i++){ 8 if(value == snumbers[i]){ //如果學號有重復返回false
9 return false; 10 } 11 } 12 return true; 13 }
在這里先只做學號重復驗證，因為有其它一些問題，也遇到了一些問題：
表單開始是這樣寫的，validType屬性寫在data-options屬性里：
1 <input id="addSnumber" class="easyui-textbox" style="width: 200px; height: 30px;" type="text" name="snumber" data-options="required:true,validType:'snumber[#snumbers]', missingMessage:'請輸入學號'" />
2 <textarea id="snumbers" style="display: none"></textarea>
這里就有一個問題就是：這樣寫Firebug會報錯，因為#snumbers需要用引號引起來，但是直接加引號會出錯，這里相當於是三重引號，網上查了很多資料，有的用轉義，都行不通，我猜想這里是easyui解析的問題，除非更改easyui的源碼。有大神知道的還請不吝賜教。
然后將validType屬性放在外面，驗證成功，如下：
1 <input id="addSnumber" validType="snumber['#snumbers']" class="easyui-textbox" style="width: 200px; height: 30px;" type="text" name="snumber" data-options="required:true, missingMessage:'請輸入學號'" />
2 <textarea id="snumbers" style="display: none"></textarea>
然后新的問題又出現了，如何把學號格式驗證加進去？
我是這樣寫的，不成功，感覺還是三重引號的問題，Firebug報錯，各種方法都試了，無效：
1 <input id="addSnumber" validType="['snumber['#snumbers']', 'number']" class="easyui-textbox" style="width: 200px; height: 30px;" type="text" name="snumber" data-options="required:true, missingMessage:'請輸入學號'" />
2 <textarea id="snumbers" style="display: none"></textarea>
********************************************************先告一段落****************************************************************
然后我試了另一種方式，動態加載easyui控件，但是兩個驗證放在一起還是會有同樣的問題，在這里我肯定是easyui解析的問題了，也就不糾結了。
這里遇到兩個問題，一個是怎么將ajax返回來的數據放進validType屬性中，就是不用另一個textarea來存數據，未解決......求指導
第二個是動態設置easyui控件無效的問題，簡單說下，代碼如下：
1 <input id="addSnumber" style="width: 200px; height: 30px;" type="text" name="snumber" />
1 //設置easyui控件
2 $("#addSnumber").attr("class", "easyui-textbox"); 3 //設置驗證屬性
4 $("#addSnumber").attr("validType","snumber['#snumber']");
上面這樣在jQuery里設置easyui控件后，沒有效果，后來百度了下，動態添加easy控件后需要重新渲染下，如下：
1 //設置easyui控件
2 $("#addSnumber").attr("class", "easyui-textbox"); 3 //設置驗證屬性
4 $("#addSnumber").attr("validType","snumber['#snumber']"); 5 //解析所有頁面
6 $.parser.parse();
這樣就可以了；但是查看easyui的api后發現可以只解析某個dom元素。
下面這段代碼達不到效果：
1 //設置easyui控件
2 $("#addSnumber").attr("class", "easyui-textbox"); 3 //設置驗證屬性
4 $("#addSnumber").attr("validType","snumber['#snumber']"); 5 //解析指定元素
6 $.parser.parse($("#addSnumber"));
后經百度后得知：
parser只渲染$("#addSnumber")的子孫元素，並不包括$("#addSnumber")自身，而它的子孫元素並不包含任何Easyui支持的控件class，所以這個地方就得不到想要的效果了。
參考：jQuery EasyUI動態添加控件或者ajax加載頁面后不能自動渲染問題的解決方法
所以想要渲染單個元素要像下面這樣寫：
1 //設置easyui控件
2 $("#addSnumber").attr("class", "easyui-textbox"); 3 //設置驗證屬性
4 $("#addSnumber").attr("validType","snumber['#snumber']"); 5 //解析指定元素，找它的父元素
6 $.parser.parse($("#addSnumber").parent());
******************************************************OK*********************************************
回到之前的問題，驗證學號不能重復和學號格式。
最后網上查閱了各種資料，發現我的思路不行，因為我是先將所有學號加載到客戶端再驗證，但這樣有一個問題，如果多個用戶在這期間添加了學號就有可能導致重復。
所以最后將獲取所有學號的操作放到驗證函數里，如下：
1 //驗證學號不能重復
2 snumber: { 3 validator: function (value) { 4 var flag = true; 5 $.ajax({ 6 type: "post", 7 async: false, 8 url: "/sims/StudentServlet?method=AllSNumber", 9 success: function(data){//在驗證函數里加載數據，加載過來后判斷輸入的值
10 var snumbers = $.parseJSON(data); 11 for(var i=0;i < snumbers.length;i++){ 12 if(value == snumbers[i]){ 13 flag = false; 14 break; 15 } 16 } 17 } 18 }); 19
20 return flag; 21 }, 22 message: '學號重復'
23 },
這樣寫的好處是：可以實時加載數據來判斷，在提交表單時也會再加載數據來判斷一次，而且不需要傳入參數，就不會再有三重引號的問題了；但有一個缺點就是會很多次請求數據庫，服務器資源消耗大。
提交表單時加入下面這句，驗證表單：
1 //驗證表單
2 var validate = $("#editStuForm").form("validate"); 3 if(!validate){ 4 $.messager.alert("消息提醒","請檢查你輸入的數據!","warning"); 5 return; 6 } else{ 7 //提交
8 }
這里有另一個問題，表單代碼如下：
1 <input id="addSnumber" class="easyui-textbox" validType="'snumber', 'number'" style="width: 200px; height: 30px;" type="text" name="snumber" data-options="required:true, missingMessage:'請輸入學號'" />
這里將validType屬性放在data-options外面后，不能驗證，Firebug會報錯！！！
最后將其放到data-options里面：
1 <input id="addSnumber" class="easyui-textbox" style="width: 200px; height: 30px;" type="text" name="snumber" data-options="required:true, validType:['snumber', 'number'], missingMessage:'請輸入學號'" />
OK，都行了，兩個驗證都可以了！！！
總結：easyui驗證重復和格式，多重驗證
1 //學號格式只能為數字
2 number: {//value值為文本框中的值
3 validator: function (value) { 4 var reg = /^[0-9]*$/; 5 return reg.test(value); 6 }, 7 message: '學號格式不正確.'
8 }, 9 //驗證學號不能重復
10 snumber: { 11 validator: function (value) { 12 var flag = true; 13 $.ajax({ 14 type: "post", 15 async: false, 16 url: "/sims/StudentServlet?method=AllSNumber", 17 success: function(data){//在驗證函數里加載數據，加載過來后判斷輸入的值
18 var snumbers = $.parseJSON(data); 19 for(var i=0;i < snumbers.length;i++){ 20 if(value == snumbers[i]){ 21 flag = false; 22 break; 23 } 24 } 25 } 26 }); 27
28 return flag; 29 }, 30 message: '學號重復'
31 },
1 <tr>
2 <td>學號:</td>
3 <td>
4 <input id="addSnumber" class="easyui-textbox" style="width: 200px; height: 30px;" type="text" name="snumber" data-options="required:true, validType:['snumber', 'number'], missingMessage:'請輸入學號'" />
5 </td>
6 </tr>
最終效果如下圖：
OK！！！
大多都是自己多次嘗試總結的，很多東西還不明白其中的原理，我想應該是easyui.min.js的問題。如果有哪些地方不對，而且還有些問題不懂，望大神不吝賜教！！