jquery validate plugin,用css一次显示一个错误 - 腾讯云开发者社区

文章/答案/技术大牛

发布

JQuery学习—JQuery-Validation 使用

一、用前必备官方网站：http://bassistance.de/jquery-plugins/jquery-plugin-validation/ API: http://jquery.bassistance.de...，使用关键字：meta（为了元数据使用其他插件你要包装你的验证规则在他们自己的项目中可以用这个特殊的选项） Tell the validation plugin to look inside a validate-property..." 指定错误提示的css类名，可以自定义错误提示的样式 errorElement：String Default: "label" 用什么标签标记错误，默认的是label你可以改成em errorContainer...：Selector 显示或者隐藏验证信息，可以自动实现有错误信息出现时把容器属性变为显示，无错误时隐藏，用处不大 errorContainer: "#messageBox1, #messageBox2...wrapper：String 用什么标签再把上边的errorELement包起来一般这三个属性同时使用，实现在一个容器内显示所有错误提示的功能，并且没有信息时自动隐藏 errorContainer:

5.7K2 0

jquery校验规则的使用

: jQuery.validator.format("请输入一个长度介于 {0} 和 {1} 之间的字符串"), range: jQuery.validator.format("请输入一个介于 {...，使用关键字：meta（为了元数据使用其他插件你要包装你的验证规则在他们自己的项目中可以用这个特殊的选项） Tell the validation plugin to look inside a validate-property..." 指定错误提示的css类名，可以自定义错误提示的样式 errorElement：String Default: "label" 用什么标签标记错误，默认的是label你可以改成em errorContainer...：Selector 显示或者隐藏验证信息，可以自动实现有错误信息出现时把容器属性变为显示，无错误时隐藏，用处不大 errorContainer: "#messageBox1, #messageBox2...wrapper：String 用什么标签再把上边的errorELement包起来一般这三个属性同时使用，实现在一个容器内显示所有错误提示的功能，并且没有信息时自动隐藏 errorContainer

6K3 0

您找到你想要的搜索结果了吗？

是的

没有找到

Asp.net mvc 知多少（六）

用这种方式，你需要一个一个的检查要检查的属性。如果model的属性是非期望的，在ModelState中插入错误信息。...自动缓存，当有一个请求从cdn中获取资源，后续有相同请求，将直接从缓存中获取。 Q66. 什么是 jquery.validate.unobtrusive.js? Ans....A bundle是逻辑上的一组文件仅通过一次的http请求就完成加载。..."~/Scripts/jquery.validate.unobtrusive.min.js")); } } Minification是一项用来移除JavaScript和CSS文件中不必要的字符（比如空格...这样，浏览器就会看到一个不同的Url，然后就会重新去获取新的CSS和JS。

3.3K5 0

Validate使用及配置

官网地址：http://jqueryvalidation.org/ 导入JS文件下载压缩包后validate文件位于dist目录，目录中包含jquery.validate.js 与 additional-methods.js.../js/jquery.validate.js" type="text/javascript"> jQuery validation plugin. * Locale: ZH (Chinese, 中文 (Zhōngwén...errorElement: 用来指定错误提示标签，默认为label。 errorClass: 指定错误提示的css类名,可以自定义错误提示的样式。...errorPlacement：指定错误显示为位置，默认为验证元素后。 rules：验证规则。 message：指定提示信息。

1.6K3 0

【转】jQuery验证控件jquery.validate.js使用说明+中文API

" 指定错误提示的css类名，可以自定义错误提示的样式 errorElement：String Default: "label" 用什么标签标记错误，默认的是label你可以改成em errorContainer...wrapper：String 用什么标签再把上边的errorELement包起来一般这三个属性同时使用，实现在一个容器内显示所有错误提示的功能，并且没有信息时自动隐藏 errorContainer:...，可以增加图标显示，在该系统中已经建立了一个validation.css专门用于维护校验文件的样式 input.error { border: 1px solid red; } label.error...String 默认:"error" 指定错误提示的css类名,可以自定义错误提示的样式 $(".selector").validate({ errorClass:"invalid" }...,这时是af addMethod的第三个参数,就是自定义的错误提示,这里的提示为:"必须是一个字母,且a-f" addMethod的第二个参数,是一个函数,这个比较重要,决定了用这个验证方法时的写法

5.9K4 0

Jquery 常见案例

UI实现折叠菜单： $('#accordion').accordion(); 【】使用jquery UI实现Tab显示 (1)引入jQuery UI <!...： $('#datep').datepicker({dataFormat:”yy-mm-dd”}); 【】使用jquery.validate框架实现FORM验证: (1)引入jquery.validate...的简介 Form Plugin API Form Plugin API 里提供了很多有用的方法可以让你轻松的处理表单里的数据和表单的提交过程。...可选参数项对象只是一个简单的 JavaScript对象，里边包含了一些属性和一些值: target 用server端返回的内容更换指定的页面元素的内容。...这个值可以用jQuery 选择器来表示, 或者是一个jQuery 对象，一个 DOM 元素。缺省值： null url 表单提交的地址。

9.5K1 0

JQuery碎碎念

() { /* 你的代码 */ }); 1.2 用noConflict()避免冲突并定义别名 $jq = jQuery.noConflict(); $jq(function () {.../* 你的代码 */ } 1.3 缓存JQuery对象及链式调用 1.3.1 错误的方式 //错误 $('#list li').addClass('strong'); $('#list li').css...对象 //错误，做了两次选择 $("#myList li").css('border','3px'); $("#myList li").css('color','red'); //缓存对象，提高效率 var...$("#myList li").css('border','3px').css('color','red'); 3.5 使用子查询 //一次全局查找加两次子查询优于两次全局查找 var $list =...$(this).prop("checked")) }) }); 4.4 单选框标签表示 //css，隐藏radio圆形，用label表示 //实际使用中，样式写的好看一些 .sex input

6.1K3 0

Web-第四天 jQuery学习

/js/jquery-1.8.3.js" > var time; $(function(){ // 设置定时 5秒后执行一个显示广告的函数 time = setInterval...JQ1.6新特性，获得一些第一次分配undefined属性值的标签时，如果抛异常，将忽略浏览器生成的任何错误。 removeProp() 移除标签的特性。...css(name) 获得css值 css(name,value) 设置一对值 css(prop) 设置一组值 --> { k:v, k:v , ....} 5.1.1.2 事件绑定 jQuery提供更灵活的方式用于绑定事件...--在指定位置显示错误信息 * class 必须是error * for 必须设置错误对象 --> 9.5 高级：自定义校验 9.5.1 概述...--在指定位置显示错误信息 * class 必须是error * for 必须设置错误对象 -->

4.3K4 0

用jquery实现表单验证_jquery验证插件

一、使用方法载入 CSS 文件 css/validationEngine.jquery.css"> 载入 JavaScript 文件 <script...({ border:'2px solid #000'}); 二、验证类型注：验证规则均写在 validate[] 中，如有多条规则，用英文逗号(,)分割。...[Demo] maxErrorsPerField false 单个元素显示错误提示的最大数量，值设为数值。...showOneMessage false 是否只显示一个提示信息 doNotShowAllErrosOnSubmit false 在提交表单时不显示所有的错误信息（建议使用参数 showOneMessage...错误信息属性（实验的）属性值与验证规则相对应 <!

6.3K4 0

jQuery 基本语法

hash对象，依次将hash中每组对象传入到函数中 $.extend(obj, prop) 用第二个对象扩展第一个对象 var settings = { validate: false, limit...对象为{ validate: true, limit: 5, name: "bar" } 可以用下面函数来测试 $(function(){ var settings = { validate: false...oneclick(fn)：只增加可以执行一次的click事件。 unclick (fn)：增加一个点击时不触发某函数的事件。...方式向远程页面传递参数，从最后一次请求后如果数据有变化才作出响应，执行函数callback $.getJSON(url, params, callback) 用get方式向远程json对象传递参数，请求完成后处理函数...loadIfModified(url, params, callback) 用get方式向远程页面传递参数，从最后一次请求后如果数据有变化才作出响应，将返回结果载入页面DOM中，并执行函数callback

4.8K4 0

ASP.NET MVC的客户端验证：jQuery的验证

考虑到有一些读者对jQuery的验证框架可能不太熟悉，为此我们来做一个简单的实例验证。...文件应用和手工定义样式（label.error{color: red;}）之外，我们需要将两个必要的.js文件包含进行，一个是jQuery的核心文件jquery-1.6.2.js，另一个是实现验证的jquery.validate.js...当我们输入不合法的数据时相应的错误消息显示在被验证元素的右侧，具体的效果如下图所示。 ?...三、单独指定验证规则和错误消息验证规则其实可以不用以内联的方式定义在被验证HTML元素中，可以直接定义在用于实施验证的validate方法中。...然后再调用表单validate方法实施验证的时候按照如下的方式手工地为被验证输入元素指定相应的验证规则和错误消息，验证规则和错误消息与验证元素之间是通过name属性（不是id属性）进行关联的。

9.2K9 0

ASP.NET MVC使用Bootstrap系统（2）——使用Bootstrap CSS和HTML元素

当一个input元素验证失败，JQuery validation插件会为元素添加input-validation-error class（存在Site.css中）。...那怎样不修改JQuery Validation插件而且使用Bootstrap内置的错误样式呢？...", "~/Scripts/jquery.validate.unobtrusive.js", "~/Scripts/jquery.validate.bootstrap.js")); 注：默认情况下，ASP.NET...").Include( "~/Scripts/jquery.validate*")); 但是jquery.validate.bootstrap.js必须在jquery validate 插件后加载，...然后修改了JQuery validate插件默认的的设置，使其友好支持Bootstrap中的错误提示样式。

5.3K4 0

validation怎么用_什么是确认validation

引入文件环境在 jQuery 下 , 所有先要引入 jQuery 1 2 css/...validationEngine.jquery.css"> 3 4 一个不通过的控件获取焦点。...[Demo] maxErrorsPerField false 单个元素显示错误提示的最大数量，值设为数值。...showOneMessage false 是否只显示一个提示信息 doNotShowAllErrosOnSubmit false 在提交表单时不显示所有的错误信息（建议使用参数 showOneMessage

3.5K1 0

ASP.NET MVC使用Bootstrap系列（2）——使用Bootstrap CSS和HTML元素

当一个input元素验证失败，JQuery validation插件会为元素添加input-validation-error class（存在Site.css中）。...那怎样不修改JQuery Validation插件而且使用Bootstrap内置的错误样式呢？...", "~/Scripts/jquery.validate.unobtrusive.js", "~/Scripts/jquery.validate.bootstrap.js")); 注：默认情况下，ASP.NET...").Include( "~/Scripts/jquery.validate*")); 但是jquery.validate.bootstrap.js必须在jquery validate 插件后加载，所以我们只能显式的指定文件顺序来打包...然后修改了JQuery validate插件默认的的设置，使其友好支持Bootstrap中的错误提示样式。

7.4K8 0

JQuery扩展插件Validate—1基本使用方法

Validate是用于B/S结构客户端验证用的JQuery扩展插件,使用时需要引用两个js文件，分别是： jquery.validate.min.js" type="text/javascript"> 1、基本使用方法，通过样式设置验证规则当表单提交时，如果没有填写email或者是错误的email将发生错误,如下所示: 文本框后面的默认提示可以修改jquery.validate.min.js...，将英文查找并替换成中文，样式可以通过css的类样式改变如.required,.email等，当然这里的class可以一项或多项中间用空格分隔，语法格式与css一样，可选择的项还有： (1)required...) (13)minlength:10 输入长度最小是10的字符串(汉字算一个字符) (14)rangelength:[5,10] 输入长度必须介于 5 和 10 之间的字符串")(汉字算一个字符) (15

2.3K1 0

JQuery.validationEngine表单验证插件

/tree/JQuery.validationEngine 三、其他表单标签验证 1.引用： jquery.css...3.Js： $(function () { /* * 特别说明： * 1.对于select标签，必须都指定value属性，没有可以指定空字符串 * 2.对于checkbox和radio验证失败消息，显示在第一个按钮附近...*/ //自定义错误显示位置 $('.demoform').validationEngine({ promptPosition: 'bottomRight', addPromptClass: 'formError-white...，验证通过返回 true，不通过返回 false * 3.如果有第三个值可以作为‘消息内容显示’, * 4.对于单个Ajax验证提交，没有提供回调处理等事件 */ //自定义错误显示位置 $('.demoform...：更多表单验证控件： JQuery的表单验证之JQuery.validate插件版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。

2.6K2 0

强大的jQuery验证插件：jquery.validate.js+jquery.validate.unobtrusive.js

以前接触过jQuery.Validate客户端验证插件，当时觉得不好用并且不太符合中文化开发习惯，后来在项目中选择了国人写的jQuery formValidator（作者QQ：69353693，群号：74106519...如果我们做基于HTML5的开发，其实不用.NET MVC4，也可以直接用其jquery.validate.unobtrusive.js，这样我们的Html和客户端的验证工作就会变得很简单。...Plugin的网址 [URL=http://bassistance.de/jquery-plugins/jquery-plugin-validation/]http://bassistance.de/...jquery-plugins/jquery-plugin-validation/[/URL] [URL=http://docs.jquery.com/Plugins/Validation]http:/.../ajax/mvc/3.0/jquery.validate.unobtrusive.jshttp://ajax.aspnetcdn.com/ajax/mvc/3.0/jquery.validate.unobtrusive.min.js

3K3 0

jQuery.validationEngine.js学习

jQuery的dom对象直接调用就行了，下面我拿jQuery官方上的一个例子来说明看一下例子： css/validationEngine.jquery.css" type="text/css"/> <link rel="stylesheet" href=".....以下是引擎的工作流程在使用jquery.validationEngine.js时还需要一个js文件：包括许多语言包，这里我们就用en包做个示范，引入jQuery.validationEngine-en.js...类似页面写入一个required，这个字符串会关联许多信息，包括为空的弹出信息，phone这个字符串则关联了匹配的正则和弹出的错误信息。如果需要添加新的匹配功能，这里是可以添加的。...源码下面会再经历一次for循环，但是注意，这里多了一个switch判断，将rules中有的规则一一过滤出来，执行相应的方法。

4.5K2 0

基于jQuery 常用WEB控件收集

Right 的效果，调整显示速度，可自行修改CSS改变您为喜欢的风格。...利用jQuery将改变你编写JavaScript代码的方式。原先用20行代码完成的功能，jQuery用10行就可以轻松搞定。...prettyCheckboxes Galleria Galleria是一个采用jQuery开发的图片展示插件。它通过缩略图导航一张一张的显示大的图片。支持通过CSS设置整个相册的风格。...jMP3 jQuery Multiple File Upload Plugin 多文件上传插件（jQuery.MultiFile）能够让用户一次性选择多个要上传的文件。...支持同时显示多个月份日历，标记特殊日期，易于通过CSS定制外观，自定义周的第一天，自定义月份和星期的显示名称。

10.5K1 0

由表单验证说起，关于在C#中尝试链式编程的实践

在web开发中必不可少的会遇到表单验证的问题，为避免数据在写入到数据库时出现异常，一般比较安全的做法是前端会先做一次验证，通过后把数据提交到后端再验证一次，因为仅仅靠前端验证是不安全的，有太多的http...这里举一个项目中真实的注册场景，账号注册主要包含2个信息：手机号和验证码，因为我这里是用webapi的post方式从前端拿数据，所以封装成了一个MemberRegister对象。...架构师allen说可以试一下链式编程，也就是类似Jquery的xxxx.attr().css().html().show()这样，看起来还不错的样子，那就干吧。...，比如validate().validate().validate()这种，于是决定用扩展方法来实现。...优点可读性个人觉得并不比直接if差，分行显示的话还是能很清晰看出具体的验证项。省去了每次判断的if语句和return，支持自定义验证规则和错误提示。减少了代码的行数。

2K3 0

点击加载更多

JQuery学习—JQuery-Validation 使用

jquery校验规则的使用

Asp.net mvc 知多少（六）

Validate使用及配置

【转】jQuery验证控件jquery.validate.js使用说明+中文API

Jquery 常见案例

JQuery碎碎念

Web-第四天 jQuery学习

用jquery实现表单验证_jquery验证插件

jQuery 基本语法

ASP.NET MVC的客户端验证：jQuery的验证

ASP.NET MVC使用Bootstrap系统（2）——使用Bootstrap CSS和HTML元素

validation怎么用_什么是确认validation

ASP.NET MVC使用Bootstrap系列（2）——使用Bootstrap CSS和HTML元素

JQuery扩展插件Validate—1基本使用方法

JQuery.validationEngine表单验证插件

强大的jQuery验证插件：jquery.validate.js+jquery.validate.unobtrusive.js

jQuery.validationEngine.js学习

基于jQuery 常用WEB控件收集

由表单验证说起，关于在C#中尝试链式编程的实践

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐