jquery validation插件表单验证的一个例子

松子lx

松子lx

2016-02-19 13:49

每个人都希望每天都是开心的,不要因为一些琐事扰乱了心情还,闲暇的时间怎么打发,关注图老师可以让你学习更多的好东西,下面为大家推荐jquery validation插件表单验证的一个例子,赶紧看过来吧!
messages_cn.js !--验证国际化,中文-- (不引用messages_cn.js是英文的提示,用了是中文)

代码如下:

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)
required: "This field is required.",
remote: "Please fix this field.",
email: "Please enter a valid email address.",
url: "Please enter a valid URL.",
date: "Please enter a valid date.",
dateISO: "Please enter a valid date (ISO).",
dateDE: "Bitte geben Sie ein gültiges Datum ein.",
number: "Please enter a valid number.",
numberDE: "Bitte geben Sie eine Nummer ein.",
digits: "Please enter only digits",
creditcard: "Please enter a valid credit card number.",
equalTo: "Please enter the same value again.",
accept: "Please enter a value with a valid extension
maxlength: Please enter no more than {0} characters
minlength: Please enter at least {0} characters
rangelength: Please enter a value between {0} and {1} characters long.
range: Please enter a value between {0} and {1}.
max: Please enter a value less than or equal to {0}.
min: Please enter a value greater than or equal to {0}.
script type="text/javascript"
$(function() {
$("#btnOk").click(function() {
$("#form1").validate({ rules: {
username: { required: true, minlength: 2 },
email: { required: true, email: true },
url: { required: true, url: true },
comment: "required"
}
});
});
});
/script
body
form id="form1" runat="server" action="" method="get"
fieldset
legend一个简单的验证带验证评论的例子/legend
p
label for="cusername"姓名/labelem*/em
input type="text" id="cusername" name="username" size="25"/
/p
p
label for="cemail"邮件/labelem*/em
input type="text" id="cemail" name="email" size="25"/
/p
p
label for="curl"网址/labelem*/em
input type="text" id="curl" name="url" size="25"/
/p
p
label for="ccomment"你的评论/labelem*/em
textarea id="ccomment" name="comment"cols="22"/textarea
/p
p
%--input type="submit" id="send" value="提交"/--%
asp:Button ID="btnOk" runat="server" Text="提交" onclick="btnOk_Click"/
/p
/fieldset
/form
/body
展开更多 50%)
分享

猜你喜欢

jquery validation插件表单验证的一个例子

Web开发
jquery validation插件表单验证的一个例子

jQuery 1.3 和 Validation 验证插件1.5.1

Web开发
jQuery 1.3 和 Validation 验证插件1.5.1

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

7.5 通过表单创建word的一个例子

Web开发
7.5 通过表单创建word的一个例子

LineDDA的一个例子

编程语言 网络编程
LineDDA的一个例子

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

基于jQuery的表单验证插件:jValidate

Web开发
基于jQuery的表单验证插件:jValidate

jValidate 基于jQuery的表单验证插件

Web开发
jValidate 基于jQuery的表单验证插件

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

基于jquery.Jcrop的头像编辑器

基于jquery.Jcrop的头像编辑器

高手教你删除桌面恶意图标的妙方

高手教你删除桌面恶意图标的妙方
下拉加载更多内容 ↓