JQueryValidationEngine常见问题
2016-12-12 20:26
190 查看
2、配置都正确,就是无法调用onBeforeAjaxFormValidation对应的回调函数和提交表单。
原因:没有触发表单的提交事件。
$(function(){
// 初始化验证引擎
$('#yourform').validationEngine('attach', {
'promptPosition':'inline', // 使提示条display:inline,使之在input元素后面或下面显示。
'addPromptClass': 'formError-text', // 只显示红色的错误提示文字,不显示背景色
'validateNonVisibleFields':true, // 验证type=hidden的表单元素
'ajaxFormValidation': true, // ajax方式提交表单
'ajaxFormValidationMethod': 'POST', // 提交方式
'ajaxFormValidationURL': '/addOrder', // 接收数据的URL
'onBeforeAjaxFormValidation': function(form, options) { // ajax提交表单前的回调函数
// 可以自己找弹出遮罩层来显示,或者做一些逻辑处理,return false则会阻止表单提交,提交表单一定要return true。
return true;
},
'onAjaxFormComplete': function(status, form, json, options) { // ajax提交表单成功的回调函数,并返回json数据
// 根据响应结果做逻辑处理
alert('表单提交成功!');
}
});
//提交表单
$('#btn-submit').click(function(){
$('#yourform').submit();
});
});
1、明明正则表达式写的很正确,却依然表单字段验证不通过。
原因:我们给正则表达式加上了双引号或单引号。
原因:没有触发表单的提交事件。
$(function(){
// 初始化验证引擎
$('#yourform').validationEngine('attach', {
'promptPosition':'inline', // 使提示条display:inline,使之在input元素后面或下面显示。
'addPromptClass': 'formError-text', // 只显示红色的错误提示文字,不显示背景色
'validateNonVisibleFields':true, // 验证type=hidden的表单元素
'ajaxFormValidation': true, // ajax方式提交表单
'ajaxFormValidationMethod': 'POST', // 提交方式
'ajaxFormValidationURL': '/addOrder', // 接收数据的URL
'onBeforeAjaxFormValidation': function(form, options) { // ajax提交表单前的回调函数
// 可以自己找弹出遮罩层来显示,或者做一些逻辑处理,return false则会阻止表单提交,提交表单一定要return true。
return true;
},
'onAjaxFormComplete': function(status, form, json, options) { // ajax提交表单成功的回调函数,并返回json数据
// 根据响应结果做逻辑处理
alert('表单提交成功!');
}
});
//提交表单
$('#btn-submit').click(function(){
$('#yourform').submit();
});
});
1、明明正则表达式写的很正确,却依然表单字段验证不通过。
原因:我们给正则表达式加上了双引号或单引号。
"phone":{ "regex" : /^[0-9]{11}$/, // 正则表达式是不需要加双引号或单引号的 "alertText" : "* 无效的手机号码" }
相关文章推荐
- Jquery Validation Engine 与UpdatePanel冲突的问题
- DNN中使用jQuery Validation时常见问题及解决方法(jQuery Validation with DNN Tips)
- jQuery Validation Engine 表单提交时,不验证ajax的问题
- jquery and jquery validation 常见问题解决
- 解决jQuery.validationEngine v2.6.1不使用默认提示(showPrompt)的问题
- jquery.validationEngine ajax验证问题
- Jquery读取WebService、WebService返回DataSet常见问题
- [原创]JQuery的Validation插件中Remote验证的中文问题
- JQuery实现Tooltip效果表单验证(jQuery Inline Form Validation Engine控件)
- jquery 新手学习常见问题解决方法
- 开发者必知的20个jQuery插件——之二用jQuery-Validation-Engine对提交表单进行验证
- jquery-validation验证框架对操作同一提示位出现闪烁消失问题。
- jQuery常见问题总结
- asp + Access 常见的数据库访问失败问题 Microsoft JET Database Engine 错误 '80004005' 解决办法
- jquery 新手学习常见问题解决方法
- jQuery常见问题整理
- asp + Access 常见的数据库访问失败问题 Microsoft JET Database Engine 错误 '80004005' 解决办法
- 在Asp.Net项目中应用Jquery.validation时遇到的一个问题
- jQuery入门问答 整理的几个常见的初学者问题
- jQuery常见问题整理 新手必读(转自jQuery中文社区)