項目用到了jquery的表單校驗插件validate，之前一直都只是做很簡單的校驗，沒有做過稍微復(fù)雜的應(yīng)用，近期項目對應(yīng)用的要求提高了，一個頁面中有兩個提交按鈕，然后表單校驗是綁定在按鈕的點(diǎn)擊事件上的，如下。
 
然后很自然的就用到了插件的valid()函數(shù)：
 
這個確實能達(dá)到相要的效果，但是在ie8下竟然有問題，valid（）方法始終返回false，而且所有的字段都會被當(dāng)成必填字段校驗，糾結(jié)了好久，因為jquery的插件代碼都很復(fù)雜，所以剛開始看特別費(fèi)勁，后來一步一步排查，找到問題了，問題出在attributeRules（）函數(shù)上：
 
這個函數(shù)的作用是：當(dāng)你把校驗規(guī)則寫在頁面上而不是腳本里面時，同樣可以應(yīng)用校驗框架。技術(shù)上是很合理的，對required的處理也是合理的，但是對于ie8來說，就有點(diǎn)問題了。ie8會執(zhí)行以下分支：
 
所以，所有的字段都會被當(dāng)成必填字段校驗了。經(jīng)過測試，最后又兩種方法可以解決：

第一種是在rules()方法里面找到下面這段代碼，注釋掉對attributeRules（）的調(diào)用，之所以可以這樣做，是因為一般很少會把校驗寫到頁面中去，當(dāng)然這個肯定不是最佳解決方案，那就看看第二種。
 
第二種解決方法需要做兩件事情：首先，需要對attributeRules（）方法做一些修改，把getAttribute()方法換成attr()方法。注意getAttribute()是js方法，而attr()是jquery方法，它們的使用對象是不一樣的，其實這樣改完后，ie8下面的bug已經(jīng)解決了，但是ie7下又出現(xiàn)了這種問題，所以你要用最新的jquery，我測試的時候用的是jquery1.10.2版本。
 
哦，對了，最后不要忘記阻止表單的默認(rèn)事件。

最新評論