- 浏览: 306391 次
- 性别:
- 来自: 上海
文章分类
最新评论
-
di1984HIT:
不错,不错。
Jquery.LazyLoad.js插件修正版下载,实现图片延迟加载特效 -
fncj:
好东西,
freemarker常用技巧 -
xwy55555:
说得很清楚
大型网站框架的演变 -
gxz1989611:
这个东西好,我转载了~~
40 个轻量级 JavaScript 库 -
gxz1989611:
恩,这个标题真是考虑到了SEO啊!!!
这才是真正的JQuery.ajax传递中文参数的解决方法
Boolean | Default: true |
提交时验证. 设置唯false就用其他方法去验证 | |
Boolean | Default: true |
Validate elements (except checkboxes/radio buttons) on blur. If nothing is entered, all rules are skipped, except when the field was already marked as invalid. | |
Boolean | Default: true |
在keyup时验证. As long as the field is not marked as invalid, nothing happens. Otherwise, all rules are checked on each key up event. | |
Boolean | Default: true |
在checkboxes 和 radio 点击时验证. | |
Boolean | Default: true |
把焦点聚焦在最后一个动作或者最近的一次出错上via validator.focusInvalid(). The last active element is the one that had focus when the form was submitted, avoiding to steal its focus. If there was no element focused, the first one in the form gets it, unless this option is turned off. | |
Boolean | Default: false |
如果是true那么删除出错类从出错的元素上并且隐藏出错信息当这个元素被聚焦 .避免和 focusInvalid.一起用 | |
String | |
为了元数据使用其他插件你要包装 你的验证规则 在他们自己的项目中可以用这个特殊的选项 | |
Tell the validation plugin to look inside a validate-property in metadata for validation rules.
$ ("#myform").validate ({ meta: "validate", submitHandler: function() { alert("Submitted!") } }) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd "> <html> <head> <script src="http://code.jquery.com/jquery-latest.js "></script> <script> $(document).ready(function(){ $ ("#myform").validate ({ meta: "validate", submitHandler: function() { alert("Submitted!") } }) }); </script> </head> <body> <script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/validate/lib/jquery.metadata.js"></script> <script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/validate/jquery.validate.js"></script> <form id="myform"> <input type="text" name="email" class="{validate:{ required: true, email:true }}" /> <br/> <input type="submit" value="Submit" /> </form> </body> </html> |
|
String | Default: "error" |
创建错误类的名字为了去寻找存在的错误标签和增加它到验证失败的元素中去。 | |
String | Default: "label" |
设置错误的元素,默认的是label你可以改成em.Use this element type to create error messages and to look for existing error messages. The default, "label", has the advantage of creating a meaningful link between error message and invalid field using the for attribute (which is always used, no matter the element type). | |
String | |
在出错信息外用其他的元素包装一层。Wrap error labels with the specified element. Useful in combination with errorLabelContainer to create a list of error messages. | |
Selector | |
把错误信息统一放在一个容器里面。Hide and show this container when validating. | |
All error labels are displayed inside an unordered list with the ID
"messageBox", as specified by the selector passed as errorContainer
option. All error elements are wrapped inside an li element, to create
a list of messages.
$ ("#myform").validate ({ errorLabelContainer: "#messageBox", wrapper: "li", submitHandler: function() { alert("Submitted!") } }) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd "> <html> <head> <script src="http://code.jquery.com/jquery-latest.js "></script> <script> $(document).ready(function(){ $ ("#myform").validate ({ errorLabelContainer: "#messageBox", wrapper: "li", submitHandler: function() { alert("Submitted!") } }) }); </script> </head> <body> <script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/validate/jquery.validate.js"></script> <ul id="messageBox"></ul> <form id="myform" action="/login" method="post"> <label>Firstname</label> <input name="fname" class="required" /> <label>Lastname</label> <input name="lname" title="Your lastname, please!" class="required" /> <br/> <input type="submit" value="Submit"/> </form> </body> </html> |
|
Selector | |
显示或者隐藏验证信息 | |
使用一个额外的容器去显示错误信息
Uses an additonal container for error messages. The elements given as
the errorContainer are all shown and hidden when errors occur. But the
error labels themselve are added to the element(s) given as
errorLabelContainer, here an unordered list. Therefore the error labels
are also wrapped into li elements (wrapper option).
$ ("#myform").validate ({ errorContainer: "#messageBox1, #messageBox2", errorLabelContainer: "#messageBox1 ul", wrapper: "li", debug:true, submitHandler: function() { alert("Submitted!") } }) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd "> <html> <head> <script src="http://code.jquery.com/jquery-latest.js "></script> <script> $(document).ready(function(){ $ ("#myform").validate ({ errorContainer: "#messageBox1, #messageBox2", errorLabelContainer: "#messageBox1 ul", wrapper: "li", debug:true, submitHandler: function() { alert("Submitted!") } }) }); </script> <style>#messageBox1, #messageBox2 { display: none }</style> </head> <body> <script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/validate/jquery.validate.js"></script> <div id="messageBox1"> <ul></ul> </div> <form id="myform" action="/login" method="post"> <label>Firstname</label> <input name="fname" class="required" /> <label>Lastname</label> <input name="lname" title="Your lastname, please!" class="required" /> <br/> <input type="submit" value="Submit"/> </form> <div id="messageBox2"> <h3>There are errors in your form, see details above!</h3> </div> </body> </html> |
|
Callback | Default: None, uses built-in message disply. |
得到错误的显示句柄 Gets the map of errors as the first argument and and array of errors as the second, called in the context of the validator object. The arguments contain only those elements currently validated, which can be a single element when doing validation onblur/keyup. You can trigger (in addition to your own messages) the default behaviour by calling this.defaultShowErrors(). |
|
Update the number of invalid elements each time an error is displayed.
Delegates to the default implementation for the actual error display.
$ (".selector").validate ({ showErrors: function(errorMap, errorList) { $("#summary").html("Your form contains " + this.numberOfInvalids() + " errors, see details below."); this.defaultShowErrors(); } }) |
|
Callback | Default: 把错误label放在验证的元素后面 |
可选错误label的放置位置. First argument: The created error label as a jQuery object. Second argument: The invalid element as a jQuery object. | |
Use a table layout for the form, placing error messags in the next cell after the input.
$ ("#myform").validate ({ errorPlacement: function(error, element) { error.appendTo( element.parent("td").next("td") ); }, debug:true }) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd "> <html> <head> <script src="http://code.jquery.com/jquery-latest.js "></script> <script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/validate/jquery.validate.js"></script> <script> $(document).ready(function(){ $ ("#myform").validate ({ errorPlacement: function(error, element) { error.appendTo( element.parent("td").next("td") ); }, debug:true }) }); </script> </head> <body> <form id="myform" action="/login" method="post"> <table> <tr> <td><label>Firstname</label> <td><input name="fname" class="required" value="Pete" /></td> <td></td> </tr> <tr> <td><label>Lastname</label></td> <td><input name="lname" title="Your lastname, please!" class="required" /></td> <td></td> </tr> <tr> <td></td><td><input type="submit" value="Submit"/></td><td></td> </table> </form> </body> </html> |
|
String , Callback | |
成功时的class.If specified, the error label is displayed to show a valid element. If a String is given, its added as a class to the label. If a Function is given, its called with the label (as a jQuery object) as its only argument. That can be used to add a text like "ok!". | |
添加"valid" 到验证验证元素, 在CSS中定义的样式
$ ("#myform").validate ({ success: "valid", submitHandler: function() { alert("Submitted!") } }) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd "> <html> <head> <script src="http://code.jquery.com/jquery-latest.js "></script> <script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/validate/jquery.validate.js"></script> <script> $(document).ready(function(){ $ ("#myform").validate ({ success: "valid", submitHandler: function() { alert("Submitted!") } }) }); </script> <style>label.valid { background: url('http://dev.jquery.com/view/trunk/plugins/validate/demo/images/checked.gif') no-repeat; height:16px; width:16px; display: block; position: absolute; top: 4px; left: 152px; }</style> </head> <body> <form id="myform"> <input type="text" name="email" class="required" /> <br/> <input type="submit" value="Submit" /> </form> </body> </html> |
|
添加"valid" 到验证验证元素, 在CSS中定义的样式,并加入“ok”的文字
$ ("#myform").validate ({ success: function(label) { label.addClass("valid").text("Ok!") }, submitHandler: function() { alert("Submitted!") } }) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd "> <html> <head> <script src="http://code.jquery.com/jquery-latest.js "></script> <script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/validate/jquery.validate.js"></script> <script> $(document).ready(function(){ $ ("#myform").validate ({ success: function(label) { label.addClass("valid").text("Ok!") }, submitHandler: function() { alert("Submitted!") } }) }); </script> <style>label.valid { background: url('http://dev.jquery.com/view/trunk/plugins/validate/demo/images/checked.gif') no-repeat; height:16px; width:16px; display: block; position: absolute; top: 4px; left: 152px; padding-left: 18px; }</style> </head> <body> <form id="myform"> <input type="text" name="email" class="required" /> <br/> <input type="submit" value="Submit" /> </form> </body> </html> |
|
Callback | Default: Adds errorClass (see the option) to the Element |
高亮显示错误信息。 或者说重写出错时的出错元素的显示。Override to decide which fields and how to highlight. | |
Adds the error class to both the invalid element and it's label
$ (".selector").validate ({ highlight: function(element, errorClass) { $ (element).addClass(errorClass); $ (element.form).find("label[for=" + element.id + "]").addClass(errorClass); }, unhighlight: function(element, errorClass) { $ (element).removeClass(errorClass); $ (element.form).find("label[for=" + element.id + "]").removeClass(errorClass); } }); |
|
Callback | Default: 默认是去掉error类 |
Called to revert changes made by option highlight, same arguments as highlight. |
发表评论
-
让jQuery.form.js支持中文
2009-02-27 10:59 2390在后台JAVA中对参数对应的转码: java代码: jav ... -
jQuery Tooltip插件
2008-12-08 10:12 1427Cut & Paste Ajax Too ... -
jquery插件ajaxify实现web 2.0
2008-12-06 17:42 1972Download 插件。 加载 jQuery librar ... -
jQuery Corners实现圆角元素的好插件!
2008-12-02 16:57 2618文档介绍 http://www.atblabs.com/jqu ... -
jQuery的位置插件Dimensions
2008-12-02 16:07 1925概述 dimensions插件是一个获得元素尺寸的插件. ... -
jquery.autocomplete插件简介(续)
2008-12-01 17:10 3392对autocomplete的一些参数进行说明 Options: ... -
jquery.autocomplete插件简介
2008-12-01 16:52 2069Autocomplete 是在INPUT框上出现下拉提示 ... -
jquery.validate.js简介(续2)
2008-11-27 23:48 1529Name Type validate( ... -
jquery.validate.js简介
2008-11-24 18:04 5836参看:http://docs.jquery.com/Plugi ... -
jquery.autocomplete.js运用实例
2008-11-24 11:59 10814<div class="search_item ...
相关推荐
jquery.validate.1.9.0.min.js jquery.validate.1.12.0.min.js jquery.validate.1.13.1.min.js jquery.validate.1.16.0.min.js jquery.validate.1.14.0.min.js jquery.validate.1.15.1.min.js jquery.validate....
jquery.validate.js jquery.validate.js
jquery.validate.min.js 1.16.0插件,jquery验证
微软的jquery.validate.unobtrusive.js验证插件,可以用来验证单选和多选框的.
jquery.validate.jsjquery.validate.jsjquery.validate.jsjquery.validate.jsjquery.validate.jsjquery.validate.jsjquery.validate.jsjquery.validate.jsjquery.validate.jsjquery.validate.jsjquery.validate.js...
jquery.validate.extend.js
jquery 验证表单1.8版本,附加常用地址 https://docs.microsoft.com/en-us/aspnet/ajax/cdn/jquery-validate/cdnjqueryvalidate18
jquery.validate.js 和 帮助文档.rar
jquery.validate插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求。该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来...
jquery.validate1.7.js最新版本,除了需要为输入框手工添加很多很多属性(onkeyup, onkeydown等等), 而且还不够通用, 占用服务器资源和网络资源.但是当初也是花费了很久的时间完成的作品. 站在巨人的肩膀上, 让我感觉...
js插件 jquery-1.11.1.min.js jquery.validate.min.js
jquery.validate.js表单验证 jquery.validate.messages_cn.js 表单验证中文提示
jquery.validate.extension.js文件
jquery.validate.js表单验证.pdf
jquery表单验证的“jquery.validate.js ”文件,版本1.17.0
jQuery.validate.js+API中文 jquery-validation-1.8.1.zip