JqueryValidate张振华.JackQQ:494460705Mail:zhangzhenhua846@126.com2015年4月10年Java开发JqueryForm使用方法I.JqueryValidate效果演示,Demo代码II.JqueryValidate概况III.JqueryValidate语法讲解(两种使用方法、使用注意事项)IV.JqueryValidate好的参考资料V.JqueryFrom使用方法VI.JqueryFrom使用方法参考资料2张振华.Jack目录效果演示3张振华.Jack张振华.Jack4JQueryValidate概述(一)A.该插件是由JörnZaefferer编写和维护的,他是jQuery团队的一名成员,是jQueryUI团队的主要开发人员,是QUnit的维护人员。该插件在2006年jQuery早期的时候就已经开始出现,并一直更新至今。目前版本是1.13.1。B.访问jQueryValidate官网,下载最新版的jQueryValidate插件。插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求。该插件捆绑了一套有用的验证方法,包括URL和电子邮件验证,同时提供了一个用来编写用户自定义方法的API。所有的捆绑方法默认使用英语作为错误信息,且已翻译成其他37种语言。JQueryValidate概述(二)I.内置验证规则:拥有必填、数字、Email、URL和信用卡号码等19类内置验证规则II.自定义验证规则:可以很方便地自定义验证规则III.简单强大的验证信息提示:默认了验证信息提示,并提供自定义覆盖默认的提示信息的功能IV.实时验证:可能通过keyup或blur事件触发验证,而不仅仅在表单提交的时候验证5张振华.Jack张振华.Jack6导入JS库这里请注意版本号,建议一般最新对最新的张振华.Jack7默认校验规则张振华.Jack8默认提示张振华.Jack9如需要修改,可在js代码中加入:张振华.Jack10使用方式:将校验规则写到控件中(1)张振华.Jack11使用方式:将校验规则写到控件中(2)张振华.Jack12使用方式:将校验规则写到js代码中(1)张振华.Jack13使用方式:将校验规则写到js代码中(2)required:true必须有值。required:#aa:checked表达式的值为真,则需要验证。required:function(){}返回为真,表示需要验证。后边两种常用于,表单中需要同时填或不填的元素。张振华.Jack14常用方法及注意问题(1)替代默认的FromSUBMIT()张振华.Jack15常用方法及注意问题(2)debug,只验证不提交表单张振华.Jack16常用方法及注意问题(3)张振华.Jack17更改错误信息显示的位置(3)实例张振华.Jack18更改错误信息显示的位置(3)实例张振华.Jack19更改错误信息显示的样式张振华.Jack20验证的触发方式修改张振华.Jack21异步验证张振华.Jack22添加自定义校验张振华.Jack23radio和checkbox、select的验证张振华.Jack24radio和checkbox、select的验证张振华.Jack25请继续深入学习主要以下几部分请继续深入学习主要以下几部分jquery.validateAPI说明复杂控件的验证方式验证提示信息的国家化支持看懂源码,看看如何实现的Jqueryvalidate官方文档:张振华.Jack26JQueryForm概述(一)A.jQueryFormPlugin能够让你简洁的将以HTML形式提交的表单升级成采用AJAX技术提交的表单。B.插件里面主要的方法,ajaxForm和ajaxSubmit,能够从form组件里采集信息确定如何处理表单的提交过程C.两个方法都支持众多的可选参数,能够让你对表单里数据的提交做到完全的控制D.这让采用AJAX方式提交一个表单的过程简单的不能再简单了!张振华.Jack27JQueryForm简单实例(二)张振华.Jack28JQueryForm最要的三个参数(三)张振华.Jack29JQueryForm可选参数项对象(四)ajaxForm和ajaxSubmit都支持大量的可选参数,它们通过可选参数项对象传入。下去自己好好研究一下,专业一点。张振华.Jack30请继续深入学习主要以下几部分请继续深入学习主要以下几部分jquery.form详细参数能在公司项目中熟练使用Html5版的验证如何使用Jqueryform官方文档:感谢!311:感谢大家的聆听。2:欢迎大家一起学习交流与合作。3:高端Java交流群:240619787张振华.JackQA!32问题环节张振华.Jack