手机
当前位置:查字典教程网 >编程开发 >编程语言综合 >分享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表单验证(二)】相关文章:

Notepad++代码编辑器自定义快捷键设置

Python基于DES算法加密解密实例

Ruby一行代码实现的快速排序

Python中super的用法实例

python下paramiko模块实现ssh连接登录Linux服务器

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

python实现数值积分的Simpson方法实例分析

Java访问WebService返回XML数据的方法

C#生成Word文档代码示例

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

精品推荐
分类导航