jQuery

一、jQuery校验框架

1.基本校验方法

required 必填

remote 远程校验（与后台交互）

minlength,maxlength,rangelength 长度

min,max,range 取值范围

email,url,date,dateISO（ISO日期）

number（数字）,digits（整数）,equalTo（与另一个值相等）

该插件自带包含必填、数字、URL在内容的验证规则，即时显示异常信息，此外，还允许自定义验证规则，插件调用方法如下：

$(form).validate({options})

eg:

$("#demoForm").validate({

//定义规则

rules:{

username:{

required:ture,

minlength:2,

maxlength:10,

remote:{

url:

type:

data:

}

},

password:{

required:ture,

rangelength:[2,10]

},

password2:{

equalTo:"#password"

}

},

//定义提示信息

messages:{

username:{

required:"用户名不能为空",

minlength:"最小2位",

maxlength:"最大10位",

remote:"用户名不存在"

},

password:{

required:"非空",

rangelength:"范围2-10"

},

password2:{

equalTo:"两次密码输入不一致"

}

}

})；

2.自定义校验方法

$.validator.addMethod(name,  method, message )

name:名称

method:function(value, element, params) //方法

message:提示信息

eg:

$.validator.addMethod("postcode", function(value, element, params){

var postcode=/^[0-9]{6}$/;

return (postcode.test(value))  || this.optional(element);

//前者判断是否符合规则，加入后者非空时才判断

}, "请填写正确的邮政编码")；

3.ajax表单提交

通过表单form插件，调用ajaxForm()方法，实现ajax方式向服务器提交表单数据，并通过方法中的options对象获取服务器返回数据，调用格式如下：

$(form). ajaxForm ({options})

其中form参数表示表单元素名称；options是一个配置对象，用于在发送ajax请求过程，设置发送时的数据和参数。

eg:

<script type="text/javascript">
            $(function () {
                var options = {
                    url: 
                    target: 
                }
                $("#form").ajaxForm(options);
            });

</script>

4.jQury选择器

id选择器：$("#id")      //通过js中geEelementById实现

类选择器：$(".class") //getElementsByClassName

元素选择器：$("element") //getElementsByTagName

全选择器：$("*")

5.表单选择器

<script type="text/javascript">
        //匹配所有input元素中的单选按钮,并选中
        $('input:radio').attr('checked','true');
    </script>


    <script type="text/javascript">
        //匹配所有input元素中的复选按钮,并选中
        $('input:checkbox').attr('checked','true'); 
    </script>