• 我的学习之路_第二十八章_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():判断是否是指定的元素
  • 相关阅读:
    Symbian点滴3对象的创建和释放以及对象的二阶段构造
    SQL 列转行
    HashMap详解
    SpringCloudEureka工作原理及和ZooKeeper的区别
    Redis如何使redis中存放数据都为热点数据,缓存算法,key的淘汰策略
    线程的三种实现方式详解
    Redis缓存雪崩,缓存穿透,缓存击穿,缓存预热概念及解决方案
    mysql系列——连接查询(七)
    SpringCloud服务雪崩,降级 ,熔断
    hdu 2215 Maple trees
  • 原文地址:https://www.cnblogs.com/jia-/p/7143116.html
Copyright © 2020-2023  润新知