在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
从这节开始,我们开始学习如何在ASP.NET控件中使用jQuery validation 插件,首先要用它,必须先了解它有什么用。简单来说,jQuery validation插件就是来校验表单form里面元素输入的内容是否满足业务规则,如果不满足,可以给出用户自定义的提示信息。该插件不仅默认有一些校验规则,如校验内容是否为空,内容的长度是否符合给定的值,还可以根据用户自定义业务规则,而且错误提示信息,也可以根据用户的要求自定义显示。看来这个插件的功能确实很强大,是不是迫不及待想使用了。好的,那我们就开始简介如何使用它。 jQuery validation 插件下载地址:http://plugins.jquery.com/project/validate 为了使用这个插件,我们要在form元素上使用方法validate({options}); 让我们先快速浏览下插件经常要用到的options: •rules:由key/value组成,key等于表单元素ID而value表示表单元素内容需要满足的业务规则。 •messages:由key/value组成,key等于表单元素ID而value表示表单元素内容不满足某种业务规则而需要显示的内容。 •errorLabelContainer:指定页面已经定义的一个容器元素,用来放错误信息。 •errorContainer:在errorLabelContainer内表示一个主要的内容区域。 •wrapper:表示在errorLabelContainer元素里面定义一个元素来包装错误信息。 •onsubmit:在表单提交前做验证,能设置为false通过添加其他事件来验证。 •highlight:高亮显示输入无效的内容区域。 •unhighlight:恢复原来被高亮显示的区域。 现在我们开始通过使用jQuery validation插件简单实现用户登录页面验证功能: 1.引入插件: <script src="Scripts/jquery-1.4.1-vsdoc.js" type="text/javascript"></script> 2.添加样式: <style type="text/css"> 3.界面代码: <form id="form1" runat="server"> 4.脚本代码: <script type="text/javascript"> 5.用户名和密码不输入,直接提交,显示界面如下: 现在已经输入用户名和密码,密码长度输入4位,显示界面如下:
好了,通过简单实现登录用户验证功能,大家应该对该插件有一个初步认识,后面的章节,会深入学习该插件。
|
2023-10-27
2022-08-15
2022-08-17
2022-09-23
2022-08-13
请发表评论