jquery.validate 非表单

修改 jquery.validate.js 支持非form标签

尝试使用markdown来写一篇blog,啦啦啦源代码传送门:github 在特殊情况下我们使用jquery.validate.js对用户输入的内容做验证的时候,表单并不是一定包含在form之中,有可能是一个div弹层,有可能是嵌套在form里面的一个div,这个时候官方的validate就不能很好的支持了.对此,在官方的源代码基础上做小小的改动,就能兼容原有form方式,也能使用于非form方式,何乐而不为呢. 分析官方代码之后,能得知它都是通过element.form找到当前input的f

Jquery.validate.js表单验证插件的使用

作为一个网站web开发人员,以前居然不知道还有表单验证这样好呀的插件,还在一行行写表单验证,真是后悔没能早点知道他们的存在. 最近公司不忙,自己学习一些东西的时候,发现了validation的一个实例讲解应用.it's perfect. 首先记录一些使用过程中,爱犯的错误: 1>忘记给表单form添加id属性 2>input这些表单标签必须id属性和name属性名字一样.例如:<input type="text" id="name" name=&q

基于Jquery Validate 的表单验证

基于Jquery Validate 的表单验证 jquery.validate.js是jquery下的一个验证插件,运用此插件我们可以很便捷的对表单元素进行格式验证. 在讲述基于Jquery Validate的表单验证前,我们先回顾一下基础纯JS的表单验证. 1.回顾基于JS的表单验证我们先写一个简单的验证邮箱.手机号的表单,页面代码如下: <form action="XXXX.action" method="post" onsubmit="ret

异步提交form的时候利用jQuery validate实现表单验证

异步提交form的时候利用jQuery validate实现表单验证相信很多人都用过jquery validate插件,非常好用,并且可以通过下面的语句来自定义验证规则 // 电话号码验证 jQuery.validator.addMethod("isPhone", function(value, element) { var tel = /^(\d{3,4}-?)?\d{7,9}(-?\d{1,4})?$/; return this.

基于Bootstrap+jQuery.validate Form表单验证实践

基于Bootstrap jQuery.validate Form表单验证实践项目结构 : github 上源码地址:https://github.com/starzou/front-end-example 点击打开 1.form 表单代码 <!DOCTYPE html> <html> <head> <title>Bootstrap Form Template</title> <meta charset="utf

jQuery.validate.js表单验证插件

jQuery.validate.js表单验证插件的使用效果: 代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-e

layer,Jquery,validate实现表单验证，刷新页面，关闭子页面

1.表单验证 //获取父层 var index = parent.layer.getFrameIndex(window.name); //刷新父层 parent.location.reload(); //关闭弹出层 parent.layer.close(index); HTML代码; <form class="form form-horizontal" id="form-article-add" action="projectManagerVo/ha

Jquery validate验证表单时多个name相同的元素只验证第一个的问题

下面搜集了五种方法,主要还是前两个提供了解决方案,第三种需要修改jQuery源码: 修复jquery.validate插件中name属性相同(如name='a[]')时验证的bug 使用jquery.validate插件http://jqueryvalidation.org/,当节点的name相同时候,脚本特意忽略剩余节点,导致所有相关节点的errMsg都显示在第一个相关节点上.这个bug在动态生成表单时候影响比较大. 通过查询资料,找到一个解决方案: http://stackoverflow.

jquery.validate.js表单验证

一.用前必备官方网站:http://bassistance.de/jquery-plugins/jquery-plugin-validation/ API: http://jquery.bassistance.de/api-browser/plugins.html 当前版本:1.5.5需要JQuery版本:1.2.6+, 兼容 1.3.2<script src="../js/jquery.js" type="text/javascript"></s

jquery.validate.js 表单验证简单用法

引入jquery.validate.js插件以及Jquery,在最后加上这个插件的方法名来引用.$('form').validate(); <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.or

表单验证代码实例:jquery.validate.js表单验证插件

jquery.validate.js是JQuery旗下的一个验证插件,借助JQuery的优势,我们可以迅速验证一些常见的输入,并且可以自己扩充自己的验证方法.使用前请先下载必要的JQuery插件:jquery-1.4.2.min.js和jquery.validate.min.js. 下面演示如何使用jquery.validate.js插件进行表单的验证. 这是HTML表单:<form id="regFrom" name="regFrom"><inp

jQuery Validate 插件[表单验证]

在客户端添加信息提交表单时我们经常需要做一些验证,比如验证不能为空,验证客户输入手机格式,验证客户输入email,url等的格式,我们可以通过EL表达式结合js 进行自主验证,今天总结一个JQuery 插件,进行简单的验证首先我们来看一个简单的例子,我们需要自动验证是否为空及格式是否正确 <form class="form-horizontal" id="userBaseForm" method="post"> <div cl

jquery validate.js表单验证的基本用法入门

这里转载一篇前辈写的文章,在我自己的理解上修改了一下,仅作记录. 先贴一个国内某大公司的代码: 复制代码代码如下: <script type="text/javascript"> function lang(key) { mylang = { 'ls_input_myb': '请输入您的账户', 'ls_myb_email': '漫游币账户为邮箱地址', 'ls_login_password': '请输入您的登录密码', 'ls_password_length': '密码

【转】jquery.validate.js表单验证

一.用前必备官方网站:http://bassistance.de/jquery-plugins/jquery-plugin-validation/ API: http://jquery.bassistance.de/api-browser/plugins.html 当前版本:1.5.5需要JQuery版本:1.2.6+, 兼容 1.3.2<script src="../js/jquery.js" type="text/javascript"></s

[转]jquery.validate.js表单验证

原文地址:https://www.cnblogs.com/si-shaohua/p/3780321.html 一.用前必备官方网站:http://bassistance.de/jquery-plugins/jquery-plugin-validation/ API: http://jquery.bassistance.de/api-browser/plugins.html 当前版本:1.5.5需要JQuery版本:1.2.6+, 兼容 1.3.2<script src="../js/jqu

转：jquery validate.js表单验证

这里转载一篇前辈写的文章,在我自己的理解上修改了一下,仅作记录. 先贴一个国内某大公司的代码: 复制代码代码如下: <script type="text/javascript"> function lang(key) { mylang = { 'ls_input_myb': '请输入您的账户', 'ls_myb_email': '漫游币账户为邮箱地址', 'ls_login_password': '请输入您的登录密码', 'ls_password_length': '密码长

jquery.validate验证表单

添加引用 <script src="/${appName}/commons/js/validate/jquery.validate.min.js"></script> /*验证表单*/ function vform(dom,func){ $("#"+dom).validate({ rules : { cateCode : { required : true, maxlength: 50 }, money:{ required : true,

jquery.validate验证表单配合回调提交和h5.storage本地保存笔记

表单验证插件我使用:jquery.validate.js 支持中文提示,可扩展性强!教程地址本地保存状态信息使用:h5提供的storage,浏览器支持5m的存储量,存储类型必须是string类型,并且ie8以下不支持,详细介绍看大神的. 我使用的库文件v1.15的密码:3sfb 简单介绍说明一下吧,但对于搬运工可能就会跳过去了,仅以此作为复习. jquery.validate.js是通过元素name来获取的,和id没有关系 jquery.validate.js必须引入messages_zh

jquery.validate.js表单验证 jquery.validate.js的用法

jquery.validate.js这个插件已经用了2年多了,是一个不可多得的表单验证最方便快捷的插件.基于jquery的小插件,基本小白一学就会上手,对于项目表单页面比较多,元素比较多的校验,该插件基本分分钟就解决完. 本来想好好总结一下的.暂放demo. 想参考一下这篇楼主的博文.感觉总结的太好了! http://www.cnblogs.com/si-shaohua/p/3780321.html#undefined 根据博主的总结,我这里主要是想提一下jquery.metadata.js(下

jQuery Validate 插件[表单验证属性介绍]

详细介绍一下Validate插件 $("#form的Id").validate({ }) 属性规则描述 required:true 必须输入的字段 required: "#aa:checked" 表达式的值为真,则需要验证. required: function(){} 返回为真,表示需要验证 remote:"check.php" 使用 ajax 方法调用 check.php 验证输入值. email:true 必须输入正确格式的电子邮件.

JQuery.validate.js 表单验证

官方网站:http://bassistance.de/jquery-plugins/jquery-plugin-validation/API: http://jquery.bassistance.de/api-browser/plugins.html 默认校验规则(1)required:true 必输字段(2)remote:"check.php" 使用ajax方法调用check.php验证输入值(3)email:true 必须输入正确格式的电子邮件(4)url:true 必须输入正确格

jquery.validate 非表单

热门专题