jquery中validation部分学习笔记

1.valid()和rules()valid()方法:检查表单或某些元素是否有效,返回值为boolean型,
全部通过检查规则返回true,只要有不通过的检查规则都返回false
rules()方法:获取表单元素的校验规则
rules("add",rules):向表单元素增加校验规则,返回增加后的校验规则
如:$("#username").rules("add",{email:true,maxlength:10});
rules("remove",rules):删除表单元素校验规则,返回删除的校验规则,而非删除后的校验规则。
如:$("#username").rules("remove","email maxlength");2.validator对象
validate方法返回Validator对象,Validator对象的方法如下:
1、Validator.form():验证表单是否有效,返回true/false;
2、Validator.element(element):验证某个元素是否有效,返回true/false,其中element是选择器
如:validator.element("#username")
3、Validator.resetForm():把表单恢复到验证前原来的状态,会清除显示的验证错误信息
4、Validator.showErrors(errors):针对某个元素显示特定的错误信息
如:Validator.showErrors({username:"xxxxxx",passworld:"xxxxx"}),新的错误信息会立即显示
5、Validator.numberOfInvailds():返回无效(即没通过验证的)的元素数量(是要在点击验证后触发,第一次全部没有填的时候无效的元素个数是0)
时间: 2024-08-02 06:58:37

jquery中validation部分学习笔记的相关文章

jQuery中的Ajax学习笔记

前段时间学习了<锋利的jQuery第六章>jQuery与Ajax应用,现做如下笔记: 我们先来了解一下,什么是Ajax呢?Ajax全称为“Asynchronous JavaScript and XML”(异步JavaScript和XML),它并不是指一种单一的技术,而是有机地利用了一系列交互式网页应用相关的技术所形成的结合体.简短地说,在不重载整个页面的情况下,Ajax通过后台加载数据,并在网页上进行显示. 我们来简要回顾一下Ajax.早在1998年,微软就引入了一个ActiveX控件,从而能

CSS中filter滤镜学习笔记

1.CSS静态滤镜样式 (filter)(只有IE4.0以上支持)  CSS静态滤镜样式的使用方法:{ filter : filtername( parameters1, parameters2, ...) } Filter样式 简要说明 支持参数 alpha 设置图片或文字的不透明度 opacity.finishOpacity.style.startX.startY.finishX.finishY.add.direction.strength blur 在指定的方向和位置上产生动感模糊效果 a

XML From Action Script[AS中的XML学习笔记]

XML From Action Script XML 是 eXtensible Markup Language (可扩展标记语言)的缩写. E4X ECMAScript for XML 规范定义了一组用于处理 XML 数据的类和功能.这些类和功能统称为 E4X. ActionScript 3.0 包含 以下 E4X 类:XML. XMLList. QName 和 Namespace. E4X 包含了一些直观运算符(如点 (.) 和属性标识符 (@) 运算符),用于访问 XML 中的属性 (pro

锋利的jQuery第2版学习笔记6、7章

第6章,jQuery与Ajax的应用 Ajax的优势和不足 Ajax的优势 1.不需要插件支持 2.优秀的用户体验 3.提高Web程序的性能 4.减轻服务器和带宽的负担 Ajax的不足 1.浏览器对XMLHttpRequest对象的支持度不足 2.破坏浏览器前进.后退按钮的正常功能 3.对搜索引擎的支持的不足 4.开发和调试工具的缺乏 Ajax的XMLHttpRequest对象 Ajax的核心是XMLHttpRequest对象,它是Ajax实现的关键----发送异步请求.接收响应及执行回调都是通

锋利的jQuery第2版学习笔记4、5章

第4章,jQuery中的事件和动画 注意:使用的jQuery版本为1.7.1 jQuery中的事件 JavaScript中通常使用window.onload方法,jQuery中使用$(document).ready()方法. 1.执行时机 window.onload方法在网页所有元素都加载完毕之后才执行,$(document).ready()方法在DOM完全就绪就可以被调用 由于$(document).ready()方法内注册事件,只要DOM就绪就会被执行,因此有可能此时元素的关联文件还未下载完

jQuery中事件的学习

刚学习了jQuery中的事件,主要通过bind(),toggle(),hover()来主要实现,下面先说一说关于bind的想关要点. 1.bind方法. bind方法的主要参数为bind(type,fn).自我感觉参数的传入形式有点像java的反射机制(自我感觉,不知道是否严谨). 当然相关实现比较麻烦自我感觉.示例: 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" 2 "http://www.w3.org/TR/

jQuery选择器与事件学习笔记

层次选择器:  $("div li")获取div下的所有li元素(后代.子.子的子......)  $("div>li")获取div下的直接li子元素.  $(".menuitem+div")获取样式名为menuitem之后的第一个div元素(不常用).  $(".menuitem~div")获取样式名为menuitem之后所有的div元素(不常用). 基本过滤选择器:  :first选取第一个元素.$("di

锋利的jQuery第2版学习笔记1~3章

第1章,认识jQuery 目前流行的JavaScript库 Prototype(http://www.prototypejs.org),成型早,面向对象的思想把握不到位,导致结构松散 Dojo(http://dojotoolkit.org),学习曲线陡,文档不全,最严重的是API不稳定 YUI(http://developer.yahoo.com/yui/) Ext JS(http://www.extjs.com),侧重界面,比较臃肿,用于商业用途需要付费 MooTools(http://moo

《jQuery权威指南》学习笔记

1.1 jQuery概述 1.1.1 认识jQuery jQuery:Javascript.CSS.DOM.Ajax 1.1.2 jQuery基本功能 1.访问和操作DOM元素: 2.控制页面样式:兼容性: 3.对页面事件的处理:事件绑定机制: 4.大量插件在页面中的运用: 5.与Ajax技术的完美结合:异步读取服务器数据. 1.1.3 搭建jQuery开发环境 引入jQuery文件库:  <script language="jscript" type="text/ja