深入理解Jquery表单验证(使用formValidator)

2020-05-27 17:53:38易采站长站整理
forcevalidtrue是否一直输入正确为止才允许离开焦点widewordtrue是否把一个全角字符当做2个长度onsuccessnull该组校验通过后的回调函数,返回false,阻止表单的提交submitoncefalse校验通过后,是否灰掉所有的提交按钮onerrornull该组校验失败后的回调函数, 有两个参数

参数1一个校验没有通过的错误信息
参数2一个校验没有通过的元素对象
参数3所有的错误信息数组,你可以通过$.map来遍历
debugfalse是否处于调试模式。true:不提交表单$.formValidator.pageIsValid一个参数: 不是配置类型

validatorgroup“1”你要针对哪个组进行验证
$.formValidator.isOneValid一个参数: 当时设置验证的表单元素ID。
返回是否校验成功的信息。$.formValidator.setFailStatefunction(“tipid”,”显示的信息”)
在showword模式下,如果你的额外校验没有通过,你可以通过它来设置成失败信息和状态$.formValidator.getLengthfunction(“表单元素id”)
checkbox或radiobutton表示(同组)选择的个数。
对select-one,选择索引的值
对select-multiple,inputValidator里的参数min和max表示选择的个数
其它input表示的表示字符长度。$.formValidator.retSetTipStatefunction(校验组号) 来把该组的提示内容恢复到onshow状态$.formValidator.reloadAutoTip重新定位自动构建的提示层

6.添加修改说明:


$.formValidator.reloadAutoTip(); //重新加载表单验证样式
if(!$.formValidator.pageIsValid('1')) return false; //如果不通过则不提交


$(document).ready(function () {
$.formValidator.initConfig({ formID: "form1", onError: function () { alert("校验没有通过,具体错误请看错误提示") } });
$("#name").formValidator({ onShow: "请输入姓名!", onFocus: "输入一个到十个字符", onCorrect: "输入正确,谢谢您的合作!" }).inputValidator({ min: 1, max: 20, onError: "输入长度,不对!" });