从零开始学习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 相关文章推荐
通过js脚本复制网页上的一个表格的不错实现方法
Dec 29 Javascript
Javascript入门学习资料收集整理篇
Jul 06 Javascript
js中将字符串转换成json的三种方式
Jan 12 Javascript
常用js字符串判断方法整理
Oct 18 Javascript
JavaScript常用验证函数实例汇总
Nov 25 Javascript
JS实现一个按钮的方法
Feb 05 Javascript
jQuery的图片轮播插件PgwSlideshow使用详解
Aug 11 Javascript
原生js实现淘宝购物车功能
Jun 23 Javascript
微信小程序实现点击文字页面跳转功能【附源码下载】
Dec 12 Javascript
Javascript中从学习bind到实现bind的过程
Jan 05 Javascript
使用webpack-dev-server处理跨域请求的方法
Apr 18 Javascript
JS实现4位随机验证码
Oct 19 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
PHP4(windows版本)中的COM函数
2006/10/09 PHP
图书管理程序(三)
2006/10/09 PHP
有关 PHP 和 MySQL 时区的一点总结
2008/03/26 PHP
php操作memcache缓存方法分享
2015/06/03 PHP
javascript 45种缓动效果 非常酷
2011/06/28 Javascript
jQuery EasyUI API 中文文档 - TreeGrid 树表格使用介绍
2011/11/21 Javascript
在jquery boxy中添加百度地图坐标拾取注意流程
2014/04/03 Javascript
js中各种类型的变量在if条件中是true还是false
2014/07/16 Javascript
深入探究AngularJS框架中Scope对象的超级教程
2016/01/04 Javascript
AngularJS基础 ng-init 指令简单示例
2016/08/02 Javascript
vue学习笔记之vue1.0和vue2.0的区别介绍
2017/05/17 Javascript
深究AngularJS之ui-router详解
2017/06/13 Javascript
Vue-component全局注册实例
2018/09/06 Javascript
vuex页面刷新导致数据丢失的解决方案
2020/12/10 Vue.js
Python中的推导式使用详解
2015/06/03 Python
使用Python生成XML的方法实例
2017/03/21 Python
Python编程实现删除VC临时文件及Debug目录的方法
2017/03/22 Python
Python把对应格式的csv文件转换成字典类型存储脚本的方法
2019/02/12 Python
Python实现查找字符串数组最长公共前缀示例
2019/03/27 Python
Python for循环及基础用法详解
2019/11/08 Python
基于python的列表list和集合set操作
2019/11/24 Python
深入浅析python变量加逗号,的含义
2020/02/22 Python
python随机模块random的22种函数(小结)
2020/05/15 Python
pandas之分组groupby()的使用整理与总结
2020/06/18 Python
IE9下html5初试小刀
2010/09/21 HTML / CSS
工商技校毕业生自荐信
2013/11/15 职场文书
七年级英语教学反思
2014/01/15 职场文书
幼儿园中班下学期评语
2014/04/18 职场文书
大队委竞选演讲稿
2014/04/28 职场文书
竞选生活委员演讲稿
2014/04/28 职场文书
护士演讲稿优秀范文
2014/04/30 职场文书
乡镇党建工作汇报材料
2014/08/14 职场文书
初三英语教学计划
2015/01/23 职场文书
2019思想汇报范文
2019/05/21 职场文书
React Native项目框架搭建的一些心得体会
2021/05/28 Javascript
MySQL日期时间函数知识汇总
2022/03/17 MySQL