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 ...
随机推荐
- 进阶系列（8）——匿名方法与lambda表达式
一 匿名方法的介绍 匿名方法是为了简化委托的实现,方便调用委托方法而出现的,同时,匿名方法也是学好lambda表达式的基础.在委托调用的方法中,如果方法只被调用一次,这个时候我们就没有必要创建 ...
- FPGA论文
基于 NetFPGA 的 VCP 网络的设计与实现 --可变结构拥塞控制协议(VCP),适应于高带宽时延乘积网络的显式拥塞控制协议 无源光网络(PON) 1.区块链技术发展,物联网设备激增,服务器压力 ...
- 基于DPDK的高效数据包捕获技术分析与应用
被NFV的论文折磨了两天,今天上午看了两篇DPDK的综述. 传统的包捕获机制 1. BPF 两个组成部分:转发部分和过滤部分. 转发部分负责从链路层提取数据包并转发给过滤部分. 过滤部分根据过滤规则, ...
- bash 基础
bash是一些基本的命令组成,要想学好bash脚本,基本命令是必须要记住 红色标记为着重点 1执行命令,利用状态返回值来判断 0 : 成功 1-255:失败 2: 测试表达式 [ expressio ...
- Hibernate（七）
三套查询之HQL查询(原文再续书接上一回) where子句部分(查询过滤部分) Hibernate的where子句部分能支持的运算符,表达式.函数特别多,用法与sql语句是一样的. 常用的表达式.运算 ...
- paoding-rose 之 maven配置
<dependency> <!-- junit 4.7 --> <groupId>junit</groupId> <artifactId>j ...
- Mysql的表名/字段名/字段值是否区分大小写
1.MySQL默认情况下是否区分大小写,使用show Variables like '%table_names'查看lower_case_table_names的值,0代表区分,1代表不区分. 2.m ...
- 【操作系统、UNIX环境编程】进程间通信
多个进程可以共享系统中的各种资源,但其中许多资源一次只能为一个进程使用,我们把一次仅允许一个进程使用的资源称为临界资源,许多物理设备都属于临界资源,如打印机等. Linux下进程间通信有如下几种方式: ...
- wpf下使用NotifyIcon
以前在winForm下使用过NotifyIcon,到wpf找不到了,在wpf下还是直接用WinForm里的那个NotifyIcon实现最小到系统托盘 定义一个NotifyIcon成员 : Notify ...
- HDU4786_Fibonacci Tree
题目很新颖的,略带智商,很好. 题目的意思是给你一些白色边和黑色边,现在问你能否用两色边构造出一颗生成树,且树中白色边的数量为一个Fibonacci数. 其实在没做题目之前我就已经听说了这个题目的解题 ...