jquery validate 二选一，错误提示在一处
转载自：http://blog.51yip.com/jsjquery/1483.html
有一同事对jquery validate这个插件不熟，实现多处报错信息在一处，并且还有二选一的情况，二个输入框，有一个输入就算通过。groups可以把多处报错放到一处，depends可以解决多选一的情况。下面举个例子，demo
以下是部分代码，全部代码看上面的例子。
- $("#myform").validate({
- groups: {
- username: "fname lname" //username定义的组名，fname lname是输入框的名子，可以看上面的demo
- },
- errorPlacement: function(error, element) { //错误提示在什么地方
- if (element.attr("name") == "fname" || element.attr("name") == "lname" ){
- error.insertAfter("#lastname"); //如果是fname和lname呢，就#lastname后面
- }else{
- error.insertAfter(element);
- }
- },
- rules:{
- fname:{
- required: {
- depends:function(){ //二选一
- return ($('input[name=lname]').val().length <= 0);
- }
- }
- },
- lname:{
- required: {
- depends:function(){ //二选一
- return ($('input[name=fname]').val().length <= 0);
- }
- }
- }
- },
- messages:{ //提示报错
- fname:"first name or last name at least one",
- lname:"first name or last name at least one"
- },
- debug:true
- });
- ==================上面是js==============================
- <body style="margin-left:500px;margin-top:100px;">
- <div style="font-size:22px;">test</div><br>
- <form id="myform" method="post">
- <label>Your Name</label>
- <input name="fname" value="" />
- <input name="lname" id="lastname" />
- <br/>
- <input type="submit" value="Submit"/>
- </form>
- </body>
如果对插件jquery validate这个插件很熟的话，可以看一下jquery.validate.js，方法里面都有。
转载请注明
作者:海底苍鹰
地址:http://blog.51yip.com/jsjquery/1483.html
jquery validate 二选一，错误提示在一处的更多相关文章
- jquery.validate.unobtrusive.js实现气泡提示mvc错误
改写jquery.validate.unobtrusive.js实现气泡提示mvc错误 个人对于这个js.css不是很擅长,所以这个气泡提醒的样式网上找了下,用了这个http://www.cnblog ...
- jQuery validate运作流程以及重复提示错误问题
一,运作流程 jQuery validate要想运作,首先要加载相应的js <script type="text/javascript" src="/js/clas ...
- 改写jquery.validate.unobtrusive.js实现气泡提示mvc错误
个人对于这个js.css不是很擅长,所以这个气泡提醒的样式网上找了下,用了这个http://www.cnblogs.com/wifi/articles/2918950.html当中的第一种写法. 对于 ...
- MVC3.0修改jquery.validate.unobtrusive.js实现气泡提示mvc错误
CSS部分 <style type="text/css"> .hide {display:none;} .poptip { position: absolute; to ...
- jQuery Validate(二)
刚刚试了所谓的新版的用法.千万别问我是多新,因为我也不知道... <!DOCTYPE html> <html> <head> <script src=&quo ...
- 扩展jquery.validate自定义验证，自定义提示，本地化
<!DOCTYPE html> <html> <head> <meta name="viewport" content="wid ...
- jquery.validate自己定义验证--成功提示与择要提示
1. 自己定义验证--成功提示 1) 加入选项 errorClass: "unchecked". validClass: "checked", errorEle ...
- jquery validate强大的jquery表单验证插件
jquery validate的官方演示和文档地址: 官方网站:http://jqueryvalidation.org/ 官方演示:http://jqueryvalidation.org/files/ ...
- JQuery.validate.js 表单验证
官方网站:http://bassistance.de/jquery-plugins/jquery-plugin-validation/API: http://jquery.bassistance.de ...
随机推荐
- nagios监控安装esxi的服务器（宿主机）
首先,该博文大部分内容来自网络,少部分是自己监控过程中遇到的问题.如果有侵权,请联系告知!!! 现在互联网公司,有能力的都是自己研发监控系统,要么就是zabbix或者小米的监控,还都二次开发等等,可能 ...
- 7. I/O复用
一.I/O复用的特点 能同时监听多个文件描述符 自身是阻塞的 当多个文件描述符同时就绪时,如果不采取额外的措施,程序就只能按顺序依次处理其中的每一个文件描述符 由于其第三个特点,所以服务器程序看起来仍 ...
- 将Python文件打包为exe文件，并在控制台运行之简易教程
第一步 在线安装 pyinstaller. 方法:打开win+ R,输入cmd,在命令行输入"pip install pyinstaller" 静等几分钟后即可安装成功. ...
- Beta周王者荣耀交流协会第三次Scrum会议
1.立会照片 成员王超,高远博,冉华,王磊,王玉玲,任思佳,袁玥全部到齐. master:王玉玲 2.时间跨度: 2017年11月12日 18:00 — 18:20 ,总计20分钟. 3.地点: 一食 ...
- MathExamV2.0四则混合运算计算题生成器
MathExamV2.0四则混合运算计算题生成器----211606360 丁培晖 211606343 杨宇潇 一.预估与实际 PSP2.1 Personal Software Process Sta ...
- 20162328蔡文琛 Bag类
在刚刚开始着手这个作业时,想的是使用for循环来自己写出add等方法来,但是在看过API后知道了Arraylist这个java已有的列表类,于是就只用ArrayList的方法很快的就做了出来.在进行B ...
- mysql数据库工具
1.navicat12 中文版及破解 链接:https://pan.baidu.com/s/1TH8m6lduHJybUGhmjFPIAA 提取码:kwcd 2.旧版本mysql-front(连接可选 ...
- static块的本质
在网上看到了下面的一段代码: public class Test { static { _i = 20; } public static int _i = 10; public static void ...
- HashMap和HashTable源码分析
HashMap HashMap是一个实现了Map接口的Hash表.提供所有Map的操作,并且允许null key和null value.HashMap几乎等同于HashTable,只不过HashMap ...
- mosquitto启动时Address already in use 和 一般的 Address already in use
对于mosquitto启动时的地址占用错误,可能是mosquitto启动之后没关掉,进程一直占用了端口.查看mosquitto相关的进程,然后关掉就可启动了. 关掉mosquitto进程即可 参考: ...