javascript代码实例教程-JavaScript教程:jQuery和validator插件

发布时间:2019-01-05 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-JavaScript教程:jQuery和validator插件脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。

JavaScript教程jQuery和validator插件。

jquery

利用jQuery进行遍历

js原生:

for(VAR i=0;i>?;i++){ }

jQuery:

方式一: 想要遍历的jquery对象.each(function(index,dom){ });

方式二: $.each(想要遍历的jQuery对象,function(index,dom){ });

操作元素的值或者标签体

xxx():获取操作

xxx("值"):设置

获取或设置值: val();

获取或设置标签体: html()

获取或设置标签体: text()

htML和text的区别在于前者会解析,后者不会

插入操作:

内部插入:

apPEnd() a.append(b) 将后者插入到前者的后面

PRepend() a.prepend(b) 将后者者插入到前者的前面

appendTo() a.appendTo(b) 将前者插在后者的后面

prependTo() a.prependTo(b) 将前者插在后者的前面

外部插入:

after() a.after(c) 在a的后面添加c

before() a.before(c) 在a 的前面添加c

内部插入和外部插入的区别: 内部插入可以在元素的内部插入元素

外部插入在同级元素插入元素

清除操作:

empty();清除

remove();移除,自杀

select下拉选择框

属性:

multiple:值multiple规定可以多选

Size:控制显示项目的数目

表单对象属性过滤选择器

:enabled 可用的

:disabled 不可用

:checked (针对的是radio checkbox)

:selected 下拉选择框

【validator插件】

这个插件是基于jQuery写的,所以在引入插件的时候也必须引入jQuery

使用:

1.首先引入jQuery库

2.引入validator的库

3.在页面加载成功之后指定你想要验证的表单

$(function(){

$("选择器").validate();

})

4.validator方法的使用

$("选择器").validate({

rules:{ } //规则

messages:{ } //提示

})

5.常见的规则

required: true|false (必须填写)

number: true|false (必须填写数值类型)

min: 5 (最小值:写的数字必须大于五)

max: 5 (最大值:写的数字不能大于五)

range:[min,max] (区间:写的数字只能在这个区间)

maxlength:

minlength:

rangelength:

equalTo:"选择器" (密码和确认密码,所以的元素必须和选择器中的一样)

digITs:整数 (只能写整数)

email:email (邮箱验证)

6.规则的书写格式:

$("选择器").validate({

rules:{ //书写格式 }

messages:{ }

})

书写格式:方式一:

想要校验的字段的name属性名:"规则名"

方式二:

想要校验的字段的name属性名:{

"规则1":值,

"规则2":值

}

7.自定义错误提示信息

书写格式:

方式一:

想要校验的字段的name 属性名:"提示信息"

方式二:

想要校验的字段的name属性名:{

"规则1":"提示信息1",

"规则2":"提示信息2"

}

8.validate的自定义规则

$.validator.addMethod(name,fn,message);

name:规则名

fn:

function(value,element,params){

value:用户输入的值

element:元素本身

params:参数

}

//必须有返回值boolean

message:默认的提示信息

扩展内容

筛选:

children():获取子元素

parent():获取父元素

find():获取后代元素

next():大弟弟

nextall():所有弟弟

prev():小哥哥

prevall():所有的哥哥

siblings():所有的兄弟

is():判断是否是指定的元素

觉得可用,就经常来吧! 脚本宝典 欢迎评论哦! js脚本,巧夺天工,精雕玉琢。小宝典献丑了!

脚本宝典总结

以上是脚本宝典为你收集整理的javascript代码实例教程-JavaScript教程:jQuery和validator插件全部内容,希望文章能够帮你解决javascript代码实例教程-JavaScript教程:jQuery和validator插件所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。