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

2016-02-19 13:49 9 1 收藏

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

【 tulaoshi.com - Web开发 】

messages_cn.js !--验证国际化,中文-- (不引用messages_cn.js是英文的提示,用了是中文)

代码如下:

(本文来源于图老师网站,更多请访问https://www.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

来源:https://www.tulaoshi.com/n/20160219/1605340.html

延伸阅读
标签: Web开发
     此前,我曾经写过一个基于JQuery的表单校验 validator.js ,用了一段时间发现出现了一些问题。与大家互相探讨一下。 version: alpha 1.0 举其中一个验证函数为例: ...... function CheckNull(obj, objname){     $(obj).ready( function(){            ...
        首先引入j2ee的包路径到ClassPath,已经安装Jbuilder的可以在它的安装路径lib目录下找 到mail.jar,activation.jar,将这两个包加入系统的环境变量,那么即使不用JBuilder开发的话也可以 使用了.         程序: import Java.io...
标签: Web开发
可爱吧--教你做可爱女人--化妆 美容 美化 瘦身 护肤--深圳可爱吧 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
标签: Web开发
打包下载   代码如下: /* Jquery 表单验证插件 janchie 2010.1 janchie@163.com 1.01版 */ (function($){ $.fn.extend({ valid:function(){ if( ! $(this).is("form") ) return; //获取参数 var items = $.isArray(arguments[0]) ? arguments[0] : [], isBindSubmit = typeof arguments[1] ==="boolean" ? arguments[1] :...
标签: PHP
  <body <center <h2PHP+MySQL 例子</h2 <h3<u<font color=brown请在文本区域输入数据并且确定 </font</u</h3 <form action="<? echo $PHP_SELF?" method=POST <textarea cols=40 rows=5 name=txt</textarea <br <input type="submit" value="确定"...

经验教程

498

收藏

35
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部