从零开始学习jQuery (十一) 实战表单验证与自动完成提示插件


Posted in Javascript onFebruary 23, 2011

一.摘要

本系列文章将带您进入jQuery的精彩世界, 其中有很多作者具体的使用经验和解决方案,  即使你会使用jQuery也能在阅读中发现些许秘籍.

本文是介绍两个最常用的jQuery插件. 分别用于表单验证和自动完成提示(类似google suggest).

二.前言

研究别人的作品真是一件花时间而且痛苦的过程. 当然也和本人英文不好有关. 总觉得控件作者写了很多文档但是都不够系统, 需要深入研究很多的实例后才能了解作者的思路.所以学习和研究一个插件需要很高成本, 如果发现了Bug并修复需要的成本也是未知数(本次我花了较少的时间解决了自动完成提示插件的一个中文bug, 但是如果复杂的bug就不会这么简单了.).

对于简单应用我首先推荐上文中的jQuery UI. 但是jQuery UI解决的问题有限. 使用jQuery插件是我们最后的一个好办法---还算是好办法, 起码比自己开发要好吧?

很多jQuery的插件编码异常优美, 看一看艺龙首页现在的城市输入框控件, 除了需要为输入框手工添加很多很多属性(onkeyup, onkeydown等等), 而且还不够通用, 占用服务器资源和网络资源.但是当初也是花费了很久的时间完成的作品.

站在巨人的肩膀上, 让我感觉写脚本和写设计C#程序一样, 都有高度和深度可以挖掘. 除了使用作者开发好的功能, 还可以学习如何开发和封装javascript控件. 看过优秀的jQuery插件作者的代码和设计思想后, 常常自叹设计水平差距居然如此之大, 增加自认为脚本高手, 比较过后就是C#程序员和架构师之间的差距.

希望大家通过本章节介绍的两个插件, 除了学会如何使用,  还能够略微领悟到如何封装和设计javascript控件.

 

三.表单验证插件 validate

在提交表单前常要对用户输入进行校验.ASP.NET的验证控件就是用于此目的, 可以同时进行客户端和服务器端验证. 但是验证控件并没有被所有项目采用. 而且在MVC项目中经常使用自己的客户端验证框架.

在比较了若干表单验证插件后, 决定采用validate插件. 因为其使用简单并且灵活.

插件首页:

Javascript 相关文章推荐
子窗口、父窗口和Silverlight之间的相互调用
Aug 16 Javascript
JQuery UI DatePicker中z-index默认为1的解决办法
Sep 28 Javascript
javascript获取flash版本号的方法
Nov 20 Javascript
javascript设计模式之对象工厂函数与构造函数详解
Jul 30 Javascript
jQuery实现悬浮在右上角的网页客服效果代码
Oct 24 Javascript
实例详解jQuery结合GridView控件的使用方法
Jan 04 Javascript
js轮盘抽奖实例分析
Apr 17 Javascript
jquery 删除节点 添加节点 找兄弟节点的简单实现
Dec 07 Javascript
ES6解构赋值实例详解
Oct 31 Javascript
可能被忽略的一些JavaScript数组方法细节
Feb 28 Javascript
使用layui 的layedit定义自己的toolbar方法
Sep 18 Javascript
JavaScript实现更换背景图片
Oct 18 Javascript
从零开始学习jQuery (十) jQueryUI常用功能实战
Feb 23 #Javascript
从零开始学习jQuery (八) 插播:jQuery实施方案
Feb 23 #Javascript
从零开始学习jQuery (六) jquery中的AJAX使用
Feb 23 #Javascript
从零开始学习jQuery (四) jQuery中操作元素的属性与样式
Feb 23 #Javascript
从零开始学习jQuery (三) 管理jQuery包装集
Feb 23 #Javascript
jQuery的学习步骤
Feb 23 #Javascript
ASP.NET中基于JQUERY的高性能的TreeView补充
Feb 23 #Javascript
You might like
输出控制类
2006/10/09 PHP
解析PHP中常见的mongodb查询操作
2013/06/20 PHP
php实现倒计时效果
2015/12/19 PHP
Thinkphp框架开发移动端接口(2)
2016/08/18 PHP
JavaScript 编程引入命名空间的方法
2007/06/29 Javascript
百度 popup.js 完美修正版非常的不错 脚本之家推荐
2009/04/17 Javascript
JavaScript 基于原型的对象(创建、调用)
2009/10/16 Javascript
IE bug table元素的innerHTML
2010/01/11 Javascript
Node.js中调用mysql存储过程示例
2014/12/20 Javascript
关于事件mouseover ,mouseout ,mouseenter,mouseleave的区别
2015/10/12 Javascript
JavaScript脚本库编写的方法
2015/12/09 Javascript
AngularJS入门教程引导程序
2016/08/18 Javascript
浅谈JavaScript的自动垃圾收集机制
2016/12/15 Javascript
js 输入框 正则表达式(菜鸟必看教程)
2017/02/19 Javascript
浅谈angular2 组件的生命周期钩子
2017/08/12 Javascript
JS简单实现动态添加HTML标记的方法示例
2018/04/08 Javascript
layui实现动态和静态分页
2018/04/28 Javascript
mpvue中使用flyjs全局拦截的实现代码
2018/09/13 Javascript
详解小程序input框失焦事件在提交事件前的处理
2019/05/05 Javascript
layui table 多行删除(id获取)的方法
2019/09/12 Javascript
Vue中引入svg图标的两种方式
2021/01/14 Vue.js
[03:24]2014DOTA2国际邀请赛 神秘商店生意火爆
2014/07/18 DOTA
Python爬虫实例扒取2345天气预报
2018/03/04 Python
Python制作exe文件简单流程
2019/01/24 Python
Python列表常见操作详解(获取,增加,删除,修改,排序等)
2019/02/18 Python
python爬虫 基于requests模块的get请求实现详解
2019/08/20 Python
浅谈Python的方法解析顺序(MRO)
2020/03/05 Python
圣诞树世界:Christmas Tree World
2019/12/10 全球购物
Hashtable 添加内容的方式有哪几种,有什么区别?
2012/04/08 面试题
如何写好升职自荐信
2014/01/06 职场文书
餐饮收银员岗位职责
2014/02/07 职场文书
求职信范文大全
2014/05/26 职场文书
学校四群教育实施方案
2014/06/12 职场文书
船舶工程技术专业求职信
2014/08/07 职场文书
2014领导班子“四风问题”对照检查材料思想汇报(执法局)
2014/09/21 职场文书
2019餐饮行业创业计划书!
2019/06/27 职场文书