Validator关于js,jq赋值不触发验证解决办法
来源:互联网 发布:字符串大小写转换c语言 编辑:程序博客网 时间:2024/06/05 01:03
问题1:
如下代码:
<input type="hidden" name="productId"/>
$("#addForm").bootstrapValidator({ fields: { productId: { validators: { notEmpty: { message: '请选择一个商品' } } } }});
这样的配置并没有在提交的时候对表单元素productId进行验证,那是因为bootstrapValidator默认配置对于“隐藏域(:hidden)、禁用域(:disabled)、那啥域(:not(visible))”是不进行验证的。
解决方法:
$("#addForm").bootstrapValidator({ //excluded:[":hidden",":disabled",":not(visible)"] ,//bootstrapValidator的默认配置 excluded:[":disabled"],//关键配置,表示只对于禁用域不进行验证,其他的表单元素都要验证 fields: { productId: { validators: { notEmpty: { message: '请选择一个商品' } } } }});
问题2:
我们往往会有这样的需求,如下图:
在选择商品之后会在productName里面展示商品名称给用户看,而在productId这个隐藏域里面放一个商品的ID。
一般情况下这样的操作是由程序来完成的,
$("input[name='productId']").val(data.productId);
bootstrapValidator这个插件不能捕获这样的“程序赋值事件”,所以这里不能达到验证的效果,所以我们需要做一个小小的变通:
$("#addForm").bootstrapValidator({ //excluded:[":hidden",":disabled",":not(visible)"] ,//bootstrapValidator的默认配置 excluded:[":disabled"],//关键配置,表示只对于禁用域不进行验证,其他的表单元素都要验证 fields: { productId: { trigger:"change", //问题2.关键配置 validators: { notEmpty: { message: '请选择一个商品' } } } }});
//赋值之后触发一次“change”事件$("input[name='productId']").val(data.productId).change();这样以后bootrapValidator会因为触发了“change”事件,而捕获,达到验证的效果
validator.js 验证同理
上面的方法在layer iframe 回调赋值也是一样
问题3:
jsp页面我们往往会有这样的需求,如下:
<li><label>用户姓名:</label><input name="user.user_name" value="${user.user_name }" type="text" class="Required"/></li>
此时value里面并没有传进去值,class验证必填项是不会触发的 。
解决方法:在validator.js 文件中添加如下代码:
//jsp回显的值为空不验证必填项时的验证 不能为空 jQuery.validator.addMethod("notNull", function(value, element) { return !this.optional(element); },"<font style='color:red;'>请填写此项!</font>");
之后就可以在input标签里添加class="notNull" 来验证
打完收工
刚开始写博客,思路有点乱 见谅...
阅读全文
1 0
- Validator关于js,jq赋值不触发验证解决办法
- bootstrapValidator关于js赋值以及选择日期不触发验证解决办法
- JQ JS 改变value值不触发change事件
- js动态改变value 不触发onchange事件解决办法
- 关于validator验证器操作
- vue首次赋值不触发watch
- 常用 表单验证之一 validator.js
- Struts 关于validator的regex验证
- 关于js、jq零碎知识点
- Asp.net Js改变TextBox值不触发TextChanged方法解的决方案(未验证)
- jquery.validate.js 在ie中丢失焦点的时候不触发验证
- Validator验证
- @Validator验证
- js关于赋值
- jquery,js页面加载时自动点击触发jq按钮
- js jq手机验证码发送
- js表单验证,赋值无效。
- js - 复选框选中触发 & 数字验证
- 第877期机器学习日报(2017-02-11)
- 第875期机器学习日报(2017-02-09)
- RK3288 Android5.1系统编译
- 解释器模式
- 第五周【项目2
- Validator关于js,jq赋值不触发验证解决办法
- Swift中的值类型和引用类型(let和var使用注意)
- java截取字符串的几种方法的总结,欢迎提出问题
- Java Mail发送Email总结(一)--发送简单文件邮件
- Socket
- 使用Spring发送Email---只包括主题和一段信息的邮件
- springboot 中ResourceBundle 加载配置文件 报java.util.MissingResourceException
- 单词倒置问题的答案和注释(C语言)
- 第879期机器学习日报(2017-02-13)