formvalidator驗證插件中有關ajax驗證問題
更新時間:2013年01月04日 12:03:40 作者:
jquery formvalidator插件是不錯的國產(chǎn)驗證插件了,做點普通的校驗也是很方便的,但最近遇到個問題,發(fā)現(xiàn)如果表單整個表單是AJAX提交時,就不能按傳統(tǒng)的做法了
jquery formvalidator插件是不錯的國產(chǎn)驗證插件了,做點普通的校驗也是很方便的,但最近遇到個問題,發(fā)現(xiàn)如果表單整個表單是AJAX提交時,就不能按傳統(tǒng)的做法了,比如:
$ajax.post("...............")
$.formValidator.initConfig({formID:"applyForm",onError:function(msg){alert(msg)}});
$("#reason").formValidator().inputValidator({min:1,onErrorMin:'請輸入申請內(nèi)容及原因'});
很遺憾,單這樣是達不到AJAX FORM提交并同時用formvalidator校驗的效果的。如果要同時使用formvalidator和ajax提交一起的話,首先看到的是formvalidtor手冊中關于ajaxform的用法
$.formValidator.initConfig({theme:"Default",submitOnce:true,formID:"form1",ajaxForm:{
dataType : "html",
buttons:$("#button"),
url: "http://www.51gh.net/chkuser.aspx?act=ok"
},
onError:function(msg,obj,errorlist){
$("#errorlist").empty();
$.map(errorlist,function(msg){
$("#errorlist").append("[*]" + msg + "
")
});
alert(msg);
},
submitAfterAjaxPrompt : '有數(shù)據(jù)正在異步驗證,請稍等...'
});
看了下,這個方法看上去是可以的,但實際上,居然對中文支持不好,我的是
struts2,spring 3,tomcat也是用utf-8,sturts2等全部用UTF-8編碼了,但居然還是說當取的
struts2的中文值的時候,說:
org.apache.tomcat.util.http.Parameters processParameters
警告: Parameters: Character decoding failed. Parameter skipped.
java.io.CharConversionException: isHexDigit.
解決方式見:
http://www.iteye.com/problems/7099
但這個問題很奇怪,而且感覺用formvalidtor本身的方法太麻煩,所以就找了另外的方法,果然好用,那就是使用
if ($.formValidator.pageIsValid('1')==true)
{
$.post("xxxxxxxxxxxxxxxxx")
}
其他校驗規(guī)則照樣寫,如果頁面只有一個表單,則默認為1,這里的pageIsValid,是校驗這個組的控件所有都通過校驗了,就繼續(xù)做某事,你看,這樣就簡單多了
復制代碼 代碼如下:
$ajax.post("...............")
$.formValidator.initConfig({formID:"applyForm",onError:function(msg){alert(msg)}});
$("#reason").formValidator().inputValidator({min:1,onErrorMin:'請輸入申請內(nèi)容及原因'});
很遺憾,單這樣是達不到AJAX FORM提交并同時用formvalidator校驗的效果的。如果要同時使用formvalidator和ajax提交一起的話,首先看到的是formvalidtor手冊中關于ajaxform的用法
復制代碼 代碼如下:
$.formValidator.initConfig({theme:"Default",submitOnce:true,formID:"form1",ajaxForm:{
dataType : "html",
buttons:$("#button"),
url: "http://www.51gh.net/chkuser.aspx?act=ok"
},
onError:function(msg,obj,errorlist){
$("#errorlist").empty();
$.map(errorlist,function(msg){
$("#errorlist").append("[*]" + msg + "
")
});
alert(msg);
},
submitAfterAjaxPrompt : '有數(shù)據(jù)正在異步驗證,請稍等...'
});
看了下,這個方法看上去是可以的,但實際上,居然對中文支持不好,我的是
struts2,spring 3,tomcat也是用utf-8,sturts2等全部用UTF-8編碼了,但居然還是說當取的
struts2的中文值的時候,說:
org.apache.tomcat.util.http.Parameters processParameters
警告: Parameters: Character decoding failed. Parameter skipped.
java.io.CharConversionException: isHexDigit.
解決方式見:
http://www.iteye.com/problems/7099
但這個問題很奇怪,而且感覺用formvalidtor本身的方法太麻煩,所以就找了另外的方法,果然好用,那就是使用
復制代碼 代碼如下:
if ($.formValidator.pageIsValid('1')==true)
{
$.post("xxxxxxxxxxxxxxxxx")
}
其他校驗規(guī)則照樣寫,如果頁面只有一個表單,則默認為1,這里的pageIsValid,是校驗這個組的控件所有都通過校驗了,就繼續(xù)做某事,你看,這樣就簡單多了
相關文章
基于jquery的9行js輕松實現(xiàn)tab控件示例
tab控件的實現(xiàn)方法有很多,在本文為大家詳細介紹下如何通過9行js實現(xiàn)簡單的tab控件,感興趣的朋友不要錯過2013-10-10jquery實現(xiàn)html頁面先加載內(nèi)容過幾秒后顯示數(shù)據(jù)
這篇文章主要給大家介紹了關于jquery實現(xiàn)html頁面先加載內(nèi)容過幾秒后顯示數(shù)據(jù)的相關資料,文中通過示例代碼介紹的非常詳細,對大家具有一定的參考借鑒價值,需要的朋友可以參考下2023-07-07jquery cookie實現(xiàn)的簡單換膚功能適合小網(wǎng)站
使用jquery cookie做了一個簡單的換膚功能適合小網(wǎng)站并且代碼低級,具體實現(xiàn)過程如下,感興趣的朋友可以了解下2013-08-08jQuery EasyUI基礎教程之EasyUI常用組件(推薦)
這篇文章主要介紹了jQuery EasyUI基礎教程之EasyUI常用組件(推薦),非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-07-07使用JQuery快速實現(xiàn)Tab的AJAX動態(tài)載入(實例講解)
這篇文章主要介紹了使用JQuery快速實現(xiàn)Tab的AJAX動態(tài)載入(實例講解)需要的朋友可以過來參考下,希望對大家有所幫助2013-12-12