- 浏览: 89930 次
- 性别:
- 来自: 福州
最新评论
-
liwenhui_aisino:
这个ajax,ok
jQuery验证框架(八)应用实例 (jQuery validation) -
jun19910822:
你好 请问能把这些 Jquery相关插件提供出来吗?
jQuery验证框架(八)应用实例 (jQuery validation) -
xiaobadi:
good~
jQuery验证框架(七)注意事项 (jQuery validation)
文章列表
1.sudo apt-get install compizconfing-settings-manager
2.系统->首选项->CompizConfig设置管理器 ->勾选立体桌面
3.Ctrl+Alt+鼠标左键
4.enjoy
jQuery验证框架
八、应用实例
[1] 验证页面
<%@ page language="java" import="java.util.*" pageEncoding="gb2312"%>
<html>
<head>
<title>jquery验证框架</title>
<link rel="stylesheet" type="text/css" href="css/index.cs ...
jQuery验证框架
七、注意事项
[1]复杂的name属性值
当使用rules选项时,如果表单的name属性值包含有非法的javascript标识符,必须将name值加上引号。
$("#myform").validate({
rules: {
// no quoting necessary
name: "required",
// quoting necessary!
"user[email]": "email",
// dots need q ...
jQuery验证框架
六、框架内建的验证方法( List of built-in Validation methods )
[1] required( ) 返回:Boolean
说明:让表单元素必须填写(选择)。
如果表单元素为空(text input)或未选择(radio/checkbox)或选择了一个空值(select)。
作用于text inputs, selects, checkboxes and radio buttons.
当select提供了一个 ...
jQuery验证框架
五、验证器( Validator )
validate方法返回的验证器对象( Validator Object) 有一些公用的方法。你可以用来触发验证程序或改变表单(form)的内容。验证器对象有更多的方法,不过只有文档中给出的这些方法是专为使用而设计的。
(一)验证器方法(Validator methods)
[1] form() 返回:Boolean
说明:验证表单是否通过验证,若通过验证则返回true,反之返回false。这个方法在正常的提交事件(submit event)触发,它返回一个结果。
$(&quo ...
jQuery验证框架
三、定制的选择器(Custom Selectors)
[1] :blank 返回:Array<Element>
说明:匹配所有空值的表单元素。没有任何值或都空白符(whitespace)都被认为是空值。
它是由 jQuery.trim(v ...
jQuery验证框架
二、插件方法( Plugin methods )
[1] validate( [options] ) 返回:Validator
说明:见第一部分
[2] valid() 返回:Boolean
说明:检查表单是否已通过验证。
$("#myform").validate();
$("a.check").click(function() {
alert("Valid: " + $("#myform").valid());
...
jQuery验证框架
<script type="text/javascript" src=js/jquery-1.3.2.min.js></script>
<script type="text/javascript" src=js/jquery.validate.pack.js></script>
<script type="text/javascript">
$(document).ready(function(){
$ ...
属性
[1] attr( name ) Returns: Object
说明: 获取第一个匹配元素的属性值。该方法使得获取第一个匹配元素的属性值变得非常容易。如果一个元素没有设置相应的属性,则该方法返回undefined,属性包括:title, alt, src, href, width, style等等。
var title = $("em").attr("title");
name: String -- 用于获取属性值的属性名。
[2] attr( properties ) Ret ...
表单过滤器
[1] :enabled Returns: Array<Element(s)>
说明: 匹配所有可用的表单元素。
$("input:enabled").val("this is it");
[2] :disabled Returns: Array<Element(s)>
说明: 匹配所有不可用的表单元素。
$("input:disabled").val("this is it");
[3] :ch ...
表单选择器
[1] :input Returns: Array<Element(s)>
说明: 匹配所有input, textarea, select和button元素。
var allInputs = $(":input");
var formChildren = $("form > *");
$("#messages").text("Found " + allInputs.length + " inputs and the form has ...
子节点过滤器
[1] :nth-child(index/even/odd/equation) Returns: Array<Element(s)>
说明: 匹配一个指定元素的第几个子节点元素或一个指定元素的奇数或偶数下标的元素。
然而::eq(index)只匹配单个元素,这个方法不只匹配一个元素:每个父节点下均有一个匹配元素。even,odd,equation在每个父节点下都可以匹配多个元素。不同于:eq()以0开始的索引,此方法的索引以1开始。
$("ul li:nth-child(2) ...
属性过滤器
注意:在jQuery1.3中,[@attr] 形式的选择器已被移除(它们在1.2版本中被弃用)。为了使它们能够继续使用,你只要简单的将选择器中的"@"符号删除。
[1] [attribute] Returns: Array<Element(s)>
说明: 匹配给定属性的所有元素。注意:自从版本1.2起,属性名前的"@"符号被弃用。
$("div[id]").one("click", function(){
var idString ...
可见性过滤器
[1] :hidden Returns: Array<Element(s)>
说明: 匹配所有的隐藏元素。在jQuery 1.3.2中,隐藏元素的计算方式有所改变。假设一个元素是不可见的,那么它或者它的父节点在文档流中不占用任何空间。css visibility属性设置的元素不考虑在内。(虽然visibility属性可以让元素不可见,但元素在文档流中还是占有空间的)
$("span:first").text("Found " + $(":hidden", documen ...
内容过滤器
[1] :contains(text) Returns: Array<Element(s)>
说明:匹配包含给定文本的所有元素。
$("div:contains('John')").css("text-decoration", "underline");
text: String--一个用于搜索的字串,大小写敏感。
[2] :empty Returns: Array<Element(s)>
说明:匹配所有 ...