从头开始学习jQuery(11)实用表单验证和自动完成提示插件

00-1010本系列文章将带您进入jQuery的奇妙世界，其中有很多作者的具体体验和解决方案。即使你会用jQuery，你也能在阅读中发现一些骗子。本文介绍了两个常用的jQuery插件，分别用于表单验证和自动完成提示(类似于Google建议)。从010到1010研究别人的作品，是一个费时又痛苦的过程。当然也和我英语不好有关。总觉得控件的作者写了很多文档，但是不够系统。我们需要深入研究大量的例子，才能理解作者的想法。因此，学习和研究一个插件需要很高的成本，如果发现bug修复的成本是未知的(这次，我花在解决一个自动完成提示插件的中文Bug上的时间更少。但是，如果bug很复杂，就不会这么简单了。).对于简单的应用程序，我首先推荐上面提到的jQuery UI。但是，jQuery UI解决的问题是有限的。使用jQuery插件是我们最后的好方法——好方法，至少比自己开发好？jQuery的很多插件代码都非常漂亮。如果你看看鳄龙主页上城市输入框的控件，除了手动添加很多属性(onkeyup、onkeydown等)。)到输入框，不够通用，占用服务器资源和网络资源。然而，一开始也花了很长时间才完成这项工作。站在巨人的肩膀上，让我觉得写脚本和写设计C#程序是一样的。有高度和深度可以探索。除了使用作者开发的函数，您还可以学习如何开发和封装javascript控件。看完优秀jQuery插件作者的代码和设计思路，你经常感叹设计水平差距这么大，还以为自己是脚本高手。经过比较，C#程序员和架构师之间存在差距。希望你能通过本章介绍的两个插件。除了学习如何使用之外，我还可以稍微了解一下如何打包和设计javascript控件。

一.摘要

经常在提交表单之前验证用户输入。ASP.NET验证控制用于此目的。客户端和服务器端验证可以同时执行。然而，并非所有项目都采用验证控制。而且，它自己的客户端验证框架经常被用在MVC项目中。在比较了几个表单验证插件后，选择验证插件。使用起来简单灵活。插件主页是：http://basic instance . de/jquery-plugins/jquery-plugin-Validation/插件文档：http://docs.jquery.com/Plugins/. The Validation配置描述：http://docs.jquery.com/plugins/validation/validate # options

二.前言

三.表单验证插件 validate

(9500 . 163.com)。

1.应用实例

%@页面语言='C#' %！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www . w3 . org/TR/XHTML 1/DTD/XHTML 1-Transitional . DTD ' html xmlns=' http://www . w3 . org/1999/XHTML ' head id=' head 1 ' runat=' server ' title jquery plugin-表单验证插件实例Validate /title！- black-tie，blitzer，blitzer，dot-luv，excite-bike，hot-shock，humanity，mint-choc，redmond，smooth-street，start，swanky-pocket，trontastic，ui-darwing，ui-light，维德- link rel='样式表' type=' text/CSS ' href=' %=WebConfig。resources erver/JSLib/jquery/themes/Redmond/style . CSS“%”/script type=“text/JavaScript”src=“%=WebConfig。resources erver %/JSLib/jquery/jquery-min-last est . js '/脚本脚本类型=' text/JavaScript ' src=' %=Webconfig。resources erver %/JSLib/jquery/ui/jquery-ui-all-min-last est . js '/脚本脚本类型='text/javascript' src=