jquery.validate中文API和应用实例(一)简单验证--绝对可用
2014-11-05 17:28
429 查看
中文版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中的内置消息,也不支持高级验证规则。
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和应用实例(二)简单验证-规则的应用
- 简单ajax应用实例:ajax+jsp实现用户名验证
- jquery.validate中文API和应用实例(一)简单验证
- 简单ajax应用实例:ajax+jsp实现用户名验证
- 简单ajax应用实例:ajax+jsp实现用户名验证
- java websocket简单实例绝对可用
- java websocket简单实例绝对可用
- java Spring的简单应用实例
- Ajax应用简单实例
- Ajax应用简单实例
- AJAX简单应用实例-弹出层
- java图像界面开发简单实例-JTextField、JPasswordField、JButton及事件的简单应用
- java图像界面开发简单实例-ImageIO、JFileChooser、JMenu、JPanel的应用
- 为Windows应用创建简单的异步调用模式(附实例代码)
- 正则表达式的简单应用实例
- Synchronization Service for ADO.NET 实例:简单双向同步应用
- java图像界面开发简单实例-JTextArea、JScrollPane、JPanel、JButton应用实例
- 关于AJAX异步处理的简单介绍及原创JSP应用实例
- java图像界面开发简单实例-JButton及事件的简单应用
- 正则表达式在asp里的简单应用,验证手机号码