jquery.validate小注

jquery.validate 远程验证备注1.message一定要写到最前面,这样提示信息才能显示自定义的提示;2.validate.aspx页面返回值为true或false即可1 <!DOCTYPE html">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4     <title>Validate Demo</title>
 5     <script src="Scripts/jquery-1.10.1.min.js" type="text/javascript"></script>
 6     <script src="Scripts/jquery.validate.js" type="text/javascript"></script>
 7 </head>
 8 <body>
 9     <form id="myForm">
10     <div>
11         <input type="text" name="username" id="username" value="测试姓名" />
12     </div>
13     <div>
14         <input type="password" name="password" value="测试密码" />
15     </div>
16     <div>
17         <input type="text" name="email" value="[email protected]" />
18     </div>
19     <div>
20         <input type="submit" name="submitsss" value="提交" />
21     </div>
22     </form>
23     <script type="text/javascript">
24         $("#myForm").validate({
25             messages: { email: { remote: "该用邮箱已经被注册!"} },
26             rules: {
27                 email: {
28                     required: true,
29                     email: true,
30                     remote: {
31                         url: "validate.aspx",
32                         type: "post"
33                     }
34                 }
35             }
36         });
37     </script>
38 </body>
39 </html>
时间: 2024-08-27 17:16:17

jquery.validate小注的相关文章

jquery validate的使用

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="../Common/css/user_login_register.css" /> <script src="../Common/js/jquery-val

【JQ成长笔记】jQuery Validate验证插件

validate是一款很好的jq插件,提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求.该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来编写用户自定义方法的 API.所有的捆绑方法默认使用英语作为错误信息,且已翻译成其他 37 种语言. 需要引入的js 1 <script type="text/javascript" src="../../scripts/jquery-1.3.1.js&qu

利用jquery.validate异步验证用户名是否存在

经过上百次的试验试和搜索,终于把jquery.validate的各种功能用法了解清楚,网上关于jquery.validate的AJAX表单验证比较少,特别是对rules里面的remote提得比较简单,使得学习起来比较难,下面发布一下我个人的用法: HTML头部引用: <script type="text/javascript" src="../js/jquery-1.3.2.min.js"></script><script type=&

JS验证控件jQuery Validate

jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求.该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来编写用户自定义方法的 API. 实现步骤如下: step1:在body标签中增加一个表单标签 <form id="login_form" action="login.action" method="post"> <

jquery validate插件教程

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>validate</title> 6 <script type="text/javascript" src="js/jquery-1.11.0.js" ></script> 7 <script type=&q

利用jquery.validate以及bootstrap的tooltip开发气泡式的表单校验组件

表单校验是页面开发中非常常见的一类需求,相信每个前端开发人员都有这方面的经验.网上有很多成熟的表单校验框架,虽然按照它们默认的设计,用起来没有多大的问题,但是在实际工作中,表单校验有可能有比较复杂的个性化的需求,使得我们用这些插件的默认机制并不能完成这些功能,所以要根据自己的需要去改造它们(毕竟自己还不到那个写一个完美的校验框架的层次).我用过formValidation这个校验框架,虽然它跟bootstrap配合地很好,但是校验风格太死板,不太满足个性化的场景:后来我找到了jquery.val

C - jQuery Validate初体验(一)

jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单. 但是在学习的过程中,我也遇到了疑惑,网上的很多例子貌似都是依赖jquery.metadata.js这个库,然后在标签里写成class=”required remote” 这样的形式,class本身是呈现样式的,现在被附上各种校验的规则,看上去有些乱.那如果不依赖jquery.metadata.js,又该怎么写. 1.只引入jquery.js(具体版本自己选择)和jquery.validate.js <!

MVC的验证 jquery.validate.unobtrusive

jQuery validate 根据 asp.net MVC的验证提取简单快捷的验证方式(jquery.validate.unobtrusive.js) 2013-07-22 19:07 4568人阅读 评论(2) 收藏 举报 目录(?)[+] 最近在学习asp.netMVC,发现其中的验证方式书写方便快捷,应用简单,易学好懂. 验证方式基于jQuery的validate 验证方式,也可以说是对jQuery validate的验证方式的扩展,使其更简单易用. 应用 一.引入 <script sr

JQuery Validate使用总结

本文参考了  http://www.cnblogs.com/linjiqin/p/3431835.html 可以在mvc 或webform项目中使用,可以方便快捷的对前端表单进行校验 一.导入两个js文件 <script src="~/Scripts/jquery-1.8.2.min.js"></script> <script src="~/Scripts/jquery.validate.min.js"></script&g