手机
当前位置:查字典教程网 >编程开发 >编程语言综合 >分享jQuery Validate表单验证(二)
分享jQuery Validate表单验证(二)
摘要:本文实例介绍了jQueryValidate表单验证,分享给大家供大家参考,具体内容如下一、添加一个另外一个插件jquery.validate...

本文实例介绍了jQuery Validate表单验证,分享给大家供大家参考,具体内容如下

一、添加一个另外一个插件jquery.validate.messages_cn.js。

改变默认提示方式。

/*

* Translated default messages for the jQuery validation plugin.

* Language: CN

* Author: Fayland Lam

*/

jQuery.extend(jQuery.validator.messages, {

required: "必选字段",

remote: "请修正该字段",

email: "请输入正确格式的电子邮件",

url: "请输入合法的网址",

date: "请输入合法的日期",

dateISO: "请输入合法的日期 (ISO).",

number: "请输入合法的数字",

digits: "只能输入整数",

creditcard: "请输入合法的信用卡号",

equalTo: "请再次输入相同的值",

accept: "请输入拥有合法后缀名的字符串",

maxlength: jQuery.format("请输入一个长度最多是 {0} 的字符串"),

minlength: jQuery.format("请输入一个长度最少是 {0} 的字符串"),

rangelength: jQuery.format("请输入一个长度介于 {0} 和 {1} 之间的字符串"),

range: jQuery.format("请输入一个介于 {0} 和 {1} 之间的值"),

max: jQuery.format("请输入一个最大为 {0} 的值"),

min: jQuery.format("请输入一个最小为 {0} 的值")

});

二、jQuery表单验证插件----通过name属性来关联字段来验证,将校验规则写到 js 代码中。

jQuery表单验证插件----通过name属性来关联字段来验证

* { font-family: Verdana; font-size: 96%; }

label { width: 10em; float: left; }

label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }

p { clear: both; }

.submit { margin-left: 12em; }

em { font-weight: bold; padding-right: 1em; vertical-align: top; }

$(document).ready(function(){

$("#commentForm").validate({

rules: {

username: {

required: true,

minlength: 2

},

email: {

required: true,

email: true

},

url:"url",

comment: "required"

}

});

});

jQuery表单验证插件----通过name属性来关联字段来验证

姓名

*

电子邮件

*

网址

你的评论

*

以上就是本文的全部内容,希望对大家学习jQuery Validate表单验证有所帮助。

【分享jQuery Validate表单验证(二)】相关文章:

Python的Django框架中settings文件的部署建议

python使用reportlab实现图片转换成pdf的方法

Python自动调用IE打开某个网站的方法

Centos下查看网卡的实时流量命令

优化数据库前需考虑的十个问题

Shell正则表达式验证IP地址

python处理大数字的方法

知道这20个正则表达式你能少写1000行代码

恢复从Access数据库删除表的方法

Ruby优化继承类实例

精品推荐
分类导航