首页
学习
活动
专区
圈层
工具
发布

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

以前接触过jQuery.Validate客户端验证插件,当时觉得不好用并且不太符合中文化开发习惯,后来在项目中选择了国人写的jQuery formValidator(作者QQ:69353693,群号:74106519...),这几天在看.Net MVC4的时候,看到微软官方出的jquery.validate.unobtrusive.js,再看看其MVC4产生的客户端代码,我被震撼了,可读性变强了,编程的复杂度降低了,看来不能老守旧...如果我们做基于HTML5的开发,其实不用.NET MVC4,也可以直接用其jquery.validate.unobtrusive.js,这样我们的Html和客户端的验证工作就会变得很简单。...Plugin的网址 [URL=http://bassistance.de/jquery-plugins/jquery-plugin-validation/]http://bassistance.de/.../docs.jquery.com/Plugins/Validation[/URL] 对于jquery.validate.unobtrusive.js,暂时没找到官方的帮助和网页: Unobtrusive

2.8K30

jQuery 插件 的this 指向问题(实战)

代码 输入框选择日期 label 用于显示选中的时间 button1 清除 label 时间 button2 重新赋值 label 时间 js代码实现功能 1. input 使用插件,并设置回调函数用来将控件选中的值赋值给...(哦,对了,还有一个方法是重新点击时间控件上的时间,相当于重新选择一次)。 那么插件有没有提供一个方法是:在时间选择以后,重新调用函数的呢?...this 在对象中的指向问题可以看第一篇文章介绍。...$.fn.这是在扩展 jQuery 对象,daterangepicker是扩展的一个方法,(对象方法中的this指向谁的问题同样参考上一篇文章)。...关于插件作者代码 当然了,代码中返回什么对象,返回哪个对象的问题,我不明白作者是怎么想的。如果是我来写插件,肯定不会返回一个jQuery对象,因为没什么必要。

1.5K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Happy.js:轻量级的 jQuery 表单验证插件

    网络上有很多的表单验证插件,但是很多功能非常强悍,如果你只是需要一个最简洁的,那么 Happy.js 就是一个很好的选择。...Happy.js 介绍 Happy.js 是一个轻量级的 jQuery 表单验证插件,默认只支持一些简单的输入框验证(必填,数据,数字,e-mail,最小/最大,和电话号码),但是简单增加一些行和正则,..."yourName" type="text" name="name" /> 第二步:定义验证模式...,Happy.js 就会验证每个每个字段当该字段正在输入的时候,并且提交的时候会验证所有的字段,如果验证失败: 这个字段就会被加上一个 unhappy 的 class。...这个字段右侧会加上一个 class 为 unhappyMessage,id 为该字段的 id 加上 _unhappy 的 如: <span id=​"textInput1_unhappy"

    2.6K10

    html中表单的校验的插件,jquery表单验证插件validationEngine「建议收藏」

    插件的特色: 封装强悍、例子充足(基本都验证类型都被囊括)、调用轻便 注意事项: 1.演示版本为 v2.2.4; 2.v2.0 以下的版本参数并不完全通用; 对 validationEngine.jquery.css...文件进行修改,修改如下: 1.提示内容字体改为宋体; 2.去除中各浏览器的私有属性(各浏览器已经支持圆角和阴影,不再需要加私有属性)。...对 jquery.validationEngine.js 文件进行修改,修改如下: 1.将 312 行的 field.focus(); 注释掉,当有输入控件在 Table 内部时,验证会导致回到顶部的现象...; 对 jquery.validationEngine-zh_CN.js 文件进行修改,修改如下: 1.修改部分提示文字; 2.增加两个对中文字符的验证规则:minSizeCN 和 maxSizeCN;...“blur” 触发验证的事件,支持事件可参考 jQuery 的事件说明。

    3.2K10

    web前端之锋利的jQuery八:jQuery插件的使用(表单验证、表单提交)

    插件也称扩展,是一种遵循一定规范的应用程序接口编写出来的程序。...1.jQuery表单验证插件-Validation: 最常使用JavaScript的场合就是表单的验证,而jQuery作为一个优秀的JavaScript库,也提供了一个优秀的表单验证插件-Validation...自定义验证规则:可以很方便地自定义验证规则 简单强大的验证信息提示:默认了验证信息提示,并提供自定义覆盖默认提示信息的功能 实时验证:可以通过keyup和blur事件触发验证,而不仅仅在表单提交的时候验证.../js/jquery.validate.messages_cn.js"> 2.jQuery表单插件——Form: jQuery Form插件是一个优秀的Ajax表单插件,可以非常容易的...div id="output1" style="display:none;"> 当表单被提交时,“姓名”、“地址”、“自我介绍”字段的值会以无刷新的方式提交到文件

    7.6K50

    JQuery扩展插件Validate—6radio、checkbox、select的验证

    radio、checkbox、select的验证其实方法与前面提到没有太大的区别,但问题是错误信息会显示在同一组的第一个元素后面,效果如下所示: 解决这个问题的办法是将错误信息指定到一个特定的位置,...validate()方法的参数中可以进行自定义,示例代码如下: View Code         jQuery.validator.addMethod...,                                 //验证方法参数(被验证元素的值,被验证元素,参数)             var exp = new RegExp(params)...,好像有个小bug;在使用ASP.NET与validate组合使用时会有一些问题可以参考网友的博文。 ...1、在ASP.NET中按钮都会解析成submit所有都会触发验证,如果想让某个按钮不触发验证可以加上这个样式:class="cancel" 源码下载

    1.3K20

    一款比较实用齐全的jQuery 表单验证插件

    一款比较实用,并且验证类型齐全的jQuery表单验证插件.英文版原作者@Vanadium,由我做中文整理.E文水平有限,如果翻译的有问题的,请大家指出,在此感谢~ 可以验证哪些?...文字,日期,邮箱,网址,数字,AJAX用户名验证以及自定义的正则等等几乎所有我们要用到的验证. 不多说,看DEMO吧: 点此查看DEMO点此下载DEMO 如何使用?...第一步,当然是和使用其他jQuery插件一样,引入插件文件vanadium.js; 第二步,根据你表单要使用的验证方法,在你的表单中加入对应的验证挂钩.比如你想使下面的表单为必填项: < input...第四步,删除你用不到的条件判断.保持代码的干净精练,是一种美德.DEMO页面中列出了所有的判断方法,这些判断在现实应用中几乎不可能在同一个表单中用完.所以,删除那些你用不着的判断语句.不删?...' , //验证失败时该表单样式 message_value_class : ' msgvaluecss ' , //这个样式是弹出信息中调用值的样式 advice_class

    97520

    JQuery文件上传插件ajaxFileUpload在Asp.net MVC中的使用

    0 ajaxFileUpload简介 ajaxFileUpload插件是一个非常简单的基于Jquery的异步上传文件的插件,使用过程中发现很多与这个同名的,基于原始版本基础之上修改过的插件,文件版本比较多...整个插件源码不到200行,实现非常简单,大致原理就是通过js动态创建隐藏的表单,然后进行提交操作,达到附件上传的目的,主要实现在源码里都有注释,不难理解,我们也可以基于此简单版本实现更复杂的操作。...及ajaxFileUpload的引用,这里的JQuery用的2.1.4版本,经测试用各个版本基本没什么影响。...decimal.Round(decimal.Divide(bytes, mbLength), 2).ToString() + "MB"; } 2 ajaxFileUpload使用过程中的一些问题...解决方法: 经测试handlerError只在jquery-1.4.2之前的版本中存在,以后版本中都没有这个函数了,因此在将handleError这个函数复制到ajaxFileUpload.js中,就行了

    4.6K90

    jquery ajax中success中的跳转问题

    大家好,又见面了,我是你们的朋友全栈君。...注意起来一个情况:ajax+submit+同步—-就是你用ajax请求服务器,而且用的是同步的方式,并且你是通过点击了type类型为submit的按钮来触发这个ajax。...这个时候,首先你点击了submit,它会提交表单,但是由于你用了ajax的同步操作,submit的提交被阻塞,ajax先执行,这个时候,如果你在ajax的回调函数(如:success)中写了document.location.href...=’xxx.html’,它是执行了,的确是去执行了跳转的,于是ajax完成了,那接下来就要把刚才的submit提交的请求完成。...即:ajax就是如你所想那样执行了,也从A页面跳到了B页面,但是由于submit这种类型的特殊性,又让B页面跳回了A页面,由于这个ajax执行完再执行submit请求的过程处理的很快,你会感到好像没有效果

    1.6K10

    ASP.NET MVC的客户端验证:jQuery验证在Model验证中的实现

    在简单了解了Unobtrusive JavaScript形式的验证在jQuery中的编程方式之后,我们来介绍ASP.NET MVC是如何利用它实现客户端验证的。...服务端验证最终实现在相应的ModelValidator中,而最终的验证规则定义在相应的ValidationAttribute中;而客户端验证规则通过HtmlHelper相应的扩展方法(比如...对于客户端验证,ASP.NET MVC对jQuery的验证插件进行了扩展,实现了另一种不同的内联方式是我们 可以将验证规则定义在被验证输入元素的属性中。...具体来说,去除“data-val-”前缀后的属性名称对应着采用jQuery验证时对应的验证规则名称。 一般来说,一个ValidationAttribute对应着一种验证类型和一系列可选的验证参数。...ASP.NET MVC的客户端验证:jQuery的验证 ASP.NET MVC的客户端验证:jQuery验证在Model验证中的实现 ASP.NET MVC的客户端验证:自定义验证

    7.8K70

    用jQuery+easyUI遇到的几个插件与文件详解

    很早就开始跟着老师学习jQuery课程,那时候是要求熟练使用jQuery中的easyUI插件中的控件,包括textbox、combobox、panel、checkbox、tree、datagrid等等...当时几乎都在学着怎么用,竟然没有去仔细深入思考关于jQuery,并且对在头部(head中)引入的一些诸如jquery-1.4.4.min.js 文件也没有太大感觉。...1、jquery-1.4.4.min.js 这是jQuery库文件,本来jQuery就是JavaScript中的一个库(它有着快速、简洁的优点,是继prototype之後又一个优秀的Javascrīpt...2、jquery.easyui.min.js 这是一组基于jQuery的UI插件集合(这个就是上文说到用jQuery写的js文件,所以顺序上先引用jquery-1.4.4.min.js文件,再用这个文件...--easyUI--> 完成以上导入,就可以用jQuery+easyUI完成界面设计啦,有任何问题,欢迎讨论交流~~

    938100

    伪造的 jQuery Migrate 插件生成恶意文件感染 WordPress 网站

    伪造的 jQuery Migrate 插件替换了相关文件 为了使用户更难检测到这一恶意行为,假冒的 jQuery Migrate 插件会替换了..../wp-includes/js/jquery/ 中的合法的 jquery-migrate.js 和 jquery-migrate.min.js 文件,这也是 WordPress 用于存储 jQuery...被替换之后的 jquery-migrate.js 和 jquery-migrate.min.js 文件,虽然从命名上不会察觉到这两个文件有什么问题,但实际上这两个文件是用于加载恶意软件的,它们含有混淆代码...,在代码中它们会进一步加载了一个神秘的 analytics.js 文件,这个文件里面也包含恶意代码,目前这次攻击产生的影响规模范围尚未确定。...我的回复都是:现在 WordPress 插件已经不屏蔽国内下载了,所以请直接更新插件即可!同样的道理,其他更新也最好直接通过官方渠道更新,避免一些安全问题和其他一些不必要的麻烦。

    77220

    plupload多文件上传插件上传文件出现blob的问题处理

    第一次使用plupload,上传文件后发现出现了一个blob文件,同时有的文件并没有被上传上,这是什么鬼,大概的搜了下,有遇到这个问题的,不过没有几个实质性的解决了的这个问题还是得靠自己了。...观察了下plupload的参数,有一项引起了我的怀疑,那就是chunk_size : '1mb',这项设置是什么鬼?...查了下,chunk_size 用来设置块的大小,也就是把一个文件分成这么大的块来进行上传,看来问题就是出在这儿了。把这项设置的值加大,改成10mb或者100mb,再测试就没这问题了。...说下原因: chunk_size 可以把文件分成多块来上传,这样可以绕过服务器允许的最大上传文件大小的限制,前提是需要上传接口支持文件续传。...这个参数一般设置成与服务器允许的最大文件大小一致就可以了,或者是上传接口支持文件续传。

    2.6K30

    鸿蒙开发:hvigor插件中的文件操作

    前言本文API>=13,基于DevEco Studio 5.1.0 Release,版本号5.1.0.828之前在《hvigor插件实现组件化运行》一文中,我们生成了一个文件,主要用于模块运行包和共享包之间切换的控制...当然了,还有很多的应用场景,比如,在构建前,针对代码规范进行检查,如果有不符合规范的地方,输出到一个错误文件中,或者,需要针对项目中的代码进行动态修改等等场景,hvigor插件开发中如何去实现呢?...这就是这篇文章要概述的内容,hvigor插件中的文件操作。...文件操作,有两种方式,一种是使用node中的fs模块,它内部提供了大量的方法来读取、写入、修改、删除文件和目录,以及获取文件信息等操作,使用它,便可以实现我们对文件的操作;除此之外,官方也给我们提供了文件操作的...,在typescript项目开发的时候,可能会有报错,不过不要担心,集成到DevEco Studio中是可以正常执行的,不过在写的时候,大家可以在DevEco Studio中先验证,无问题后再复制到typescript

    10900

    SQLServer 中的身份验证及登录问题

    SQLServer 中的身份验证及登录问题 by:授客 身份验证 SQL Server 支持两种身份验证模式,即Windows 身份验证模式和混合模式。...安全说明 我们建议尽可能使用 Windows 身份验证。 Windows 身份验证使用一系列加密消息来验证 SQL Server 中的用户。...然后向用户或角色授予访问数据库对象的权限 身份验证方案 ---- 在下列情形中,Windows 身份验证通常为最佳选择: 存在域控制器。 应用程序和数据库位于同一台计算机上。...SQL Server 将用户名和密码的哈希都存储在 master 数据库中,使用内部身份验证方法来验证登录尝试。...登录问题 如下,遇到18456登录错误问题(注:安装完用sa用户和密码,以sqlserver身份验证模式可以登录,就是不能以Windows身份验证登录) ? ?

    4.9K30
    领券