jQuery验证实例代码让验证变得如此容易

使用客户端验证可以有效的减少数据往返服务器和客户端的次数，有利于提高服务器的资源利用路，并且还能够给用户直观，快速的回应。在Web 2.0时代，这显得尤其重要，我想大家一定和我一样讨厌用基础的爪哇岛描述语言写着烦人的验证。现在服务器端的验证有比较好的框架可以解决，ASP .会员管理系统就可以很好的完成这样的工作，所以对于。网开发来说，拥有一个好的客户端养正框架对于开发效率的提高起着至关重要的作用。我们可以通过下面的地址获得这个射流研究…框架图片在线裁剪验证框架让我们以一个简单的实例来开始我们对于框架验证框架的认识吧首先，我们需要加入对上面两个射流研究…文件的引用复制代码代码如下： head runat=' server ' title无标题Page/title script src=' http : jquery。js ' type=' text/JavaScript '/script script src=' http : jquery。验证。js ' type=' text/JavaScript '/script/head接下来，声明下面的超文本标记语言段复制代码代码如下：表单id=' customerForm ' runat=' server ' div名字：输入类型=' text ' id=' First name ' class=' required ' name=' First name '/Last name :输入类型=' text ' id=' Last name ' class=' required ' name=' Last name '/输入类型='提交'值='注册'/div/表单通过以上代码，大家会发现我们对于每一个投入都加上了类='必需'他的作用就是在这个输入标签为空时会提示用户出错。最后我们要为我们的框架找到一个切入点，通常，我们可以把下段代码放到超文本标记语言的最后复制代码代码如下：脚本语言=' JavaScript '类型=' text/JavaScript ' $(文档)。ready(function(){ $(' # customer form ')).validate()；});/script运行看看效果如何

下面请看一个大一点的例子为列表框控件创建常规的验证我们可以这样添加规则复制代码代码如下：美元(' #customerForm ').验证({规则： {名字： {必需d :为真}，姓氏： {必需d :为真}，国家： {验证国家/地区： }消息： {名字： {必填项d : '需要名字}，姓氏3: {必填项d : '需要姓氏' },国家{ validatecounties ://添加验证国家方法jquery。验证器。addmethod('验证计数器'，函数（值，元素){ var noufselected counters=$(' # counters : selected ').长度；如果(不选择国家2)返回错误的返回真；});

为错误提供错误信息复制代码代码如下：美元(' #customerForm ').验证({规则： {名字： {必需d :为真}，姓氏： {必需d :为真}，国家： {验证国家/地区： }消息： {名字： {必填项d : '需要名字}，姓氏3: {必填项d : '需要姓氏' },国家{有效国家：效果见下图

好了不多说了本文提供源代码下载自己研究吧很晚了源代码下载http://小哉。JB 51。net/201010/马援/jQueryValidation _ Demo _ download。压缩包