Home >Web Front-end >JS Tutorial >Ajax validation issues in the formvalidator validation plug-in_jquery

Ajax validation issues in the formvalidator validation plug-in_jquery

WBOY
WBOYOriginal
2016-05-16 17:44:341443browse

The jquery formvalidator plug-in is a good domestic verification plug-in. It is also very convenient to do some ordinary verification. However, I encountered a problem recently and found that if the entire form is submitted by AJAX, the traditional method cannot be followed, such as:

Copy code The code is as follows:

$ajax.post("..... ........")
$.formValidator.initConfig({formID:"applyForm",onError:function(msg){alert(msg)}});
$("#reason" ).formValidator().inputValidator({min:1,onErrorMin:'Please enter the application content and reason'});

Unfortunately, this alone cannot achieve AJAX FORM submission and simultaneous use The effect of formvalidator verification. If you want to use formvalidator and ajax submission at the same time, the first thing you see is the usage of ajaxform in the formvalidtor manual
Copy code Code As follows:

$.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: 'Data is being verified asynchronously, please wait...'
});

After looking at it, this method seems to be possible, but in fact, it does not support Chinese well. Mine is
struts2, spring 3, and tomcat also uses utf-8. sturts2 and so on are all encoded in UTF-8, but it still says that when the Chinese value of
struts2 is taken, it says:
org.apache.tomcat.util.http.Parameters processParameters
Warning: Parameters: Character decoding failed. Parameter skipped.
java.io.CharConversionException: isHexDigit.
See for the solution:
http://www.iteye.com /problems/7099
But this problem is very strange, and it feels too troublesome to use formvalidtor itself, so I found another method, and it works really well, that is, use
Copy code The code is as follows:

if ($.formValidator.pageIsValid('1')==true)
{
$ .post("xxxxxxxxxxxxxxxxx")
}

Other verification rules are written as usual. If the page has only one form, the default is 1. The pageIsValid here is to verify all the controls of this group. Once everything passes the verification, just continue to do something. You see, it’s much simpler this way.
Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn