电子邮件，用户名，密码，URL验证使用jQuery

电子邮件，用户名，密码，URL验证在Asp.net使用JQuery。 在本文中，我们将看到一些有用的验证中使用jQuery验证插件必须是登录页面或者用户注册页面等有用的asp.net使用JQuery .. 我们也将看到如何在asp.net web页面使用母版页进​​行验证。 我们知道，jQuery是一个JavaScript库，并使用变薄我们可以写一些喜欢动漫，用最少的代码验证。 让我们开始先用不使用母版页和后面的文章中我们将看到jQuery验证与母版页的页面。 第1步：从这里下载的jQuery插件和jQuery验证脚本插件在这里都是js文件。 第2步：添加上述文件引用您的asp.net网页下页例如。 1 2 第3步：声明asp.net文本框的形式 1 第4步：现在在标签中添加你jQuery验证码内的标签。 比如，对于这一点，我们已经采取了文本框的ID txtUserName和表格名称Form1中 01 02的$（document）。就绪（函数（）{ 03“＃窗口1”）。验证（{ 04true 05}， 06messages：{ 07：{ 08required：“Plaese输入您的用户名”， 09“用户名必须atleaet 5个字符” 10 现在，我们将看到一个个电子邮件，用户名，密码，URL验证在Asp.net使用JQuery。用户名验证使用JQuery 下面是jQuery脚本来验证whhich是必填字段的用户名和接受最少5个字母 01 02的$（document）。就绪（函数（）{ 03“＃窗口1”）。验证（{ 04true 05} 06}，邮件：{ 07：{ 08required：“Plaese输入您的用户名”， 09“用户名必须atleaet 5个字符” 10 和HTML代码的用户名文本框 密码需要使用JQuery字段验证 下面是jQuery代码来验证密码字段，该字段是必填字段，应该有至少5个字符 01 02的$（document）。就绪（函数（）{ 03“＃窗口1”）。验证（{ 04true 05} 06}，邮件：{ 07：{ 08required：“Plaese输入您的密码”， 09“密码必须是atleaet 5个字符” 10 和密码字段，该字段是必填字段，并应至少有5个字符的HTML代码 1 电子邮件验证使用JQuery 这里是脚本使用jQuery验证电子邮件 1 2的$（document）。就绪（函数（）{ 3“＃窗口1”）。验证（{ 4true 5} 6}，邮件：{ 7：{ 8required：“Plaese输入您的电子邮件ID”， 9 对于输入文本框和HTML代码 1 注：在这里，你必须设置的CssClass属性，以“电子邮件”验证电子邮件格式等聪明也不会验证电子邮件的格式。 URL验证使用JQuery 下面是脚本使用jQuery来验证网站的网址 1 2的$（document）。就绪（函数（）{ 3“＃窗口1”）。验证（{ 4true 5} 6}，邮件：{ 7：{ 8required：“Plaese输入网址”， 9 和输入文本框为URL的HTML代码 1 注：在这里，你必须设置的CssClass属性“URL”验证URL格式其他明智它不会验证URL格式。 使用jQuery验证母版页现在如果你有母版页和比其消耗的母版页比其他网页，只需加上内部的head标签，并在网页中的脚本引用说你有 Registar.aspx不是去registar.aspx页面和内容标签中，你可以写你的脚本标签，这是实现jQuery验证的，唯一的区别在使用和不使用母版页，例如 01 02 03的$（document）。就绪（函数（）{ 04“#aspnetForm”）。验证（{ 05true 06} 07}，邮件：{ 08：{ 09required：“Plaese输入您的用户名”， 10“用户名必须atleaet 5个字符” 11 12 13 14 15 16 17 18 19 20 21 22 23 24 错误消息装饰 装饰用Jquey产生的错误信息，您可以使用CSS这样的，你可以head标签里面添加这个自定义的CSS文件，你 1 2label.error {颜色：红色;垂直对齐：首位; } 3 什么是间Asp.Net验证控件和jQuery验证，哪一个良好的区别。 好不同的是Asp.net验证控件都将在客户端和服务器端执行，如果JavaScript是不是验证控件禁用将在服务器端的发射，其中在jQuery插件是基于于JavaScript，因此将必火的客户端。现在，如果给你的，你就应该使用。 jQuery插件在IE浏览器，火狐，Safari，Chrome和其他大多数流行的浏览器进行测试。 希望这将有助于大家了解jQuery验证在你的asp.net网页。 如果你运行下面所附示例项目并运行它，你会看到这样的jQuery验证结果 您可以下载在上面的例子中使用的示例代码。