jquery.validate中文API和应用实例(一)简单验证
2011-03-09 22:16
489 查看
中文版jquery.validate API下载地址: jQuery_validateAPI中文.rar
查看在简单验证规则的使用,请到jquery.validate中文API和应用实例(二)简单验证-规则的应用
以下是简单应用实例:
1.用class样式进行验证,用法简单,但不能自定义错误信息,只能修改jquery-1.4.1.min.js中的内置消息,也不支持高级验证规则。
当然,如果不希望使用onclick事件进行提交验证,也可以在页面加载时加上jQuery的监控,代码如下:
这时就不需要在提交按钮上加 onclick="checkInput();"这个事件了。
2.使用Json字符串验证,使用该规则验证,必须额外引入jquery.metadata.pack.js文件
修改上面的两个INPUT如下:
可以看到,我们已经可以自定义错误消息了。
另外必须在页面中加上以下代码:
$(document).ready(function () {
$("#loginForm").validate({
meta: "validate"
});
});
查看在简单验证规则的使用,请到jquery.validate中文API和应用实例(二)简单验证-规则的应用
以下是简单应用实例:
1.用class样式进行验证,用法简单,但不能自定义错误信息,只能修改jquery-1.4.1.min.js中的内置消息,也不支持高级验证规则。
<script type="text/javascript" language="javascript" src="http://www.cnblogs.com/Scripts/jquery-1.4.1.min.js"></script> <script type="text/javascript" language="javascript" src="http://www.cnblogs.com/Scripts/jquery.validate.min.js"></script> <h2> ValidateTest</h2> <form id="loginForm" action="post"> <table border="0" cellpadding="0" cellspacing="0"> <tr> <td> <input type="text" id="UserEmail" class="required email" /> </td> </tr> <tr> <td> <input type="password" id="Password" class="required" /> </td> </tr> <tr> <td> <input type="submit" value="submit" onclick="checkInput();" /> </td> </tr> </table> </form> <script language="javascript" type="text/javascript"> function checkInput() { if ($("#loginForm").valid()) { return true; } return false; } </script>
当然,如果不希望使用onclick事件进行提交验证,也可以在页面加载时加上jQuery的监控,代码如下:
$(document).ready(function () { jQuery("#loginForm").validate(); });
这时就不需要在提交按钮上加 onclick="checkInput();"这个事件了。
2.使用Json字符串验证,使用该规则验证,必须额外引入jquery.metadata.pack.js文件
修改上面的两个INPUT如下:
<input type="text" id="UserEmail" class="{validate:{ required:true,email:true }}" /> <input type="password" id="Password" class="{validate:{required:true,minlength:6,messages:{required:'请输入密码 ',minlength:'密码至少6位'}}}" />
可以看到,我们已经可以自定义错误消息了。
另外必须在页面中加上以下代码:
$(document).ready(function () {
$("#loginForm").validate({
meta: "validate"
});
});
相关文章推荐
- jquery.validate中文API和应用实例(二)简单验证-规则的应用
- jquery.validate中文API和应用实例(一)简单验证--绝对可用
- 简单ajax应用实例:ajax+jsp实现用户名验证
- 简单ajax应用实例:ajax+jsp实现用户名验证
- 简单ajax应用实例:ajax+jsp实现用户名验证
- Dom4j操作XML的简单应用实例(作者…
- 东软学习,AJAX的一个简单验证用户名实例
- C#与Java的MD5简单验证(实例代码)
- php session应用实例 登录验证
- Struts2和hibernate3的简单应用-登录验证
- vs2015+.dll+opencv简单实例(2:验证)
- ibatis的简介以及简单的应用实例
- 使用nRF51822/nRF51422创建一个简单的BLE应用 ---入门实例手册(中文)之三
- Stanford Named Entity Recognizer (NER)简单应用实例
- Android深入浅出系列之实例应用—简单的手指拖动图片,图片滑来滑去显示应用Gallery和BaseAdapter以及ImageView的使用
- tomcat配置及使用(环境变量设置及测试,一个简单的web应用实例)
- Selenium1.0—简单实例应用
- JavaScript中简单应用正则表达式的小实例_文本替换_replace
- js验证整数加保留小数点的简单实例
- php session应用实例 登录验证