jQuery.validator自定义验证
2016-05-25 10:11
579 查看
需求:在新增信息前端验证必须上传图片,在修改时不用。
思路:无论在新增还是在修改,图片都会有<img>标签进行预览,只是新增的时候img.src不会有值。所以我们通过这个值来判断是新增还是修改。
思路:无论在新增还是在修改,图片都会有<img>标签进行预览,只是新增的时候img.src不会有值。所以我们通过这个值来判断是新增还是修改。
// 在修改信息时,图片不用必填 // 要求在input上写data-img-according-to="图片预览的id" $.validator.addMethod("imgAccordingTo", function (value, ele, params) { // value:期望值 ele:被选元素, params:求留言告知 var accordingObjData = $("#" + $(ele).data("img-according-to")).attr("src"); // 获得data-img-according-to属性的值,该值指向判断img.src值的dom if(accordingObjData) { return true; } else { return $(ele).val(); // 虽然返回的是value,但是根据js的判断规则,非null,非空字符串,非undefined都是true } }, "必填");
<img id="img-file-display" style="width: 150px;height: 150px;" src="${filePrefix}${entity.img}" alt="上传广告图片"/> <input type="file" class="form-control" name="imgFile" id="imgFile" placeholder="上传广告图片" data-img-according-to="img-file-display"/>
rules: { imgFile : { imgAccordingTo : true } }, messages: { imgFile : { imgAccordingTo : "必填" } }
相关文章推荐
- jQuery改变form表单的action,并进行提交的实现代码
- jQuery短信验证倒计时功能实现方法详解
- jquery的ajax提交form表单的两种方法小结(推荐)
- jquery easyUI中字段列标题居中,数值居右的问题
- jquery按回车键实现表单提交的简单实例
- jQuery Flot 绘制简单折线图
- 修改jquery默认的$
- jQuery常用插件总结
- jQueryUI中的datepicker使用方法详解
- jQuery的动画
- js框架jquery瀑布流图片墙效果代码下载,点击相册图片展示大图
- jquery刷新部分界面
- 关于jQuery和AJAX的详解(二)
- jQuery获取访问者IP地址的方法(基于新浪API与QQ查询接口)
- 《锋利的jQuery》笔记—DOM部分
- 《锋利的jQuery》笔记-jQuery部分
- JQuery的常用选择器、过滤器、方法全面介绍
- jquery属性
- jQuery学习和知识点总结归纳
- jquery 之for 循环