easyui的validtebox使用

作為後端程式設計人員來說，掌握一定的js知識是有必要的。在寫頁面的過程中難免會遇到引數的校驗問題。儘量不要使用if判斷進行控制，if判斷控制請求提交與否，經常會碰見全域性變數的問題，全域性變數的問題解決不好，會出現各種各樣的問題。
easyui的validatebox校驗框架，配置簡單，使用方便。對於後端人員來說，是非常好的一個開源框架。

下面我分兩部分進行講解
1 .引入easyui框架
2 .使用easyui框架

1 .引入easyui框架
easyui框架一共包含5個檔案
(1) .easyui.css
(2) .icon.css
(3) .validatebox.css
(4) .jquery.easyui.min.js
(5) .easyui-lang-zh_CN.js
將檔案引入對應的jsp或者html檔案中
2 .使用easyui框架
(1) .編寫js指令碼，引入對應的工程

$.extend($.fn.validatebox.defaults.rules, {
    equals: {
		validator: function(value,param){
			return value == $(param[0]).val();
		},
		message: 'Field do not match.'
    }
});

其中的equals程式碼片段就是我們定義好的一個校驗器。我們可以在function中書寫我們自己的校驗程式碼，返回false就是引數校驗失敗，返回true就是校驗成功，非常簡單。

校驗器定義好之後，我們將定義好的校驗器加在我們需要校驗的程式碼塊上
比如:

<input name="loginName" value=" " id="loginName" required="true" validType="equals[6,20,'輸入資訊有誤']" />

上面的程式碼就是將之前定義好的equals校驗器引入到了程式碼中。解釋一下[6,20,‘輸入資訊有誤’]
我們定義好的校驗器的方法體中一個value，一個param。
[6,20,‘輸入資訊有誤’]是一個陣列，用param表示，param[0]就是6,param[1]就是1，param[3]是錯誤提示資訊。通過這種方式，我們可以將我們的校驗資訊傳入校驗，是不是很方便。
required="true"是引數必填的意思。寫上此配置之後，使用者的滑鼠在相應的程式碼上懸浮時，會對使用者提示資訊，提示資訊可以自定義。

之後，也是比較關鍵的一步，我們的引數都校驗過了，有的引數校驗成功，返回true，有的返回了false。只要有一個false，我們就不能提交請求
使用下面程式碼控制
$("#abcForm").( ‘validate’ );
其中abcForm是表單的id值，validate會對被easyui-validatebox修飾的程式碼塊進行校驗，如果發現有校驗失敗的引數，就會組織表單提交。