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 ...
随机推荐
- python3【基础】-装饰器
要理解充分理解python的装饰器,有充分理解下述三个知识点为前提: python作用域规则 函数即对象 闭包 一.python作用域规则: 首先介绍python中的作用域规则.python的作用域规 ...
- 动态规划——最长公共子序列LCS及模板
摘自 https://www.cnblogs.com/hapjin/p/5572483.html 这位大佬写的对理解DP也很有帮助,我就直接摘抄过来了,代码部分来自我做过的题 一,问题描述 给定两个字 ...
- 20181120-8 Beta阶段第2周/共2周 Scrum立会报告+燃尽图 06
此作业要求参见:https://edu.cnblogs.com/campus/nenu/2018fall/homework/2414 版本控制地址 [https://git.coding.net ...
- idea的快捷键(复制)
IntelliJ Idea 常用快捷键列表 Ctrl+Shift + Enter,语句完成“!”,否定完成,输入表达式时按 “!”键Ctrl+E,最近的文件Ctrl+Shift+E,最近更改的文件Sh ...
- 利用p4实现ipv6转发实验
写在前面 只是作为一个入门p4的实验尝试,借用了一些即成的运行代码. p4代码 /**p4_16,v1_model**/ #include<core.p4> #include<v1m ...
- SGU 126 Boxes(模拟题|二进制)
Translate:Sgu/126 126. 盒子 time limit per test: 0.5 sec. memory limit per test: 4096 KB 有两个盒子. 第一个盒子里 ...
- http://deepdish.io/2015/04/28/creating-lmdb-in-python/
http://deepdish.io/2015/04/28/creating-lmdb-in-python/
- Spark Shuffle之Hash Shuffle
源文件放在github,如有谬误之处,欢迎指正.原文链接https://github.com/jacksu/utils4s/blob/master/spark-knowledge/md/hash-sh ...
- Dsyy的第一篇博文~
2017-08-07 周一 晴热热热热热 咳咳,很多人看到dsyy第一反应是什么意思?当然是大神媛媛!显然不是些(diao)(si)yy.(da)(si)yy...的别义,咋有点此地无银三百两的感 ...
- CentOS6.5 重启网络报错：Bringing up interface eth0: Error: Connection activation failed: Device not managed by NetworkManager or unavailable
CentOS6.5 重启网络报错: Bringing up interface eth0: Error: Connection activation failed: Device not manage ...