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


Posted in Javascript onMarch 03, 2010

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

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">姓名</label><em>*</em> 
<input type="text" id="cusername" name="username" size="25"/> 
</p> 
<p> 
<label for="cemail">邮件</label><em>*</em> 
<input type="text" id="cemail" name="email" size="25"/> 
</p> 
<p> 
<label for="curl">网址</label><em>*</em> 
<input type="text" id="curl" name="url" size="25"/> 
</p> 
<p> 
<label for="ccomment">你的评论</label><em>*</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>
Javascript 相关文章推荐
用Javscript实现表单复选框的全选功能
May 25 Javascript
javascript+xml技术实现分页浏览
Jul 27 Javascript
纯js网页画板(Graphics)类简介及实现代码
Dec 24 Javascript
深入探究AngularJS框架中Scope对象的超级教程
Jan 04 Javascript
基于daterangepicker日历插件使用参数注意的问题
Aug 10 Javascript
在Mac下彻底卸载node和npm的方法
May 16 Javascript
对于防止按钮重复点击的尝试详解
Apr 22 Javascript
Vue 中如何正确引入第三方模块的方法步骤
May 05 Javascript
在 Vue 中使用 JSX 及使用它的原因浅析
Feb 10 Javascript
vue中移动端调取本地的复制的文本方式
Jul 18 Javascript
完美解决通过IP地址访问VUE项目的问题
Jul 18 Javascript
js实现搜索提示框效果
Sep 05 Javascript
Jquery 实现Tab效果 思路是js思路
Mar 02 #Javascript
JavaScript页面刷新与弹出窗口问题的解决方法
Mar 02 #Javascript
在一个浏览器里呈现所有浏览器测试结果的前端测试工具的思路
Mar 02 #Javascript
jQuery对象和DOM对象的相互转化实现代码
Mar 02 #Javascript
Javascript 自定义类型方法小结
Mar 02 #Javascript
Javascript Cookie读写删除操作的函数
Mar 02 #Javascript
28个JS验证函数收集
Mar 02 #Javascript
You might like
《被神捡到的男人》动画化计划进行中!
2020/03/06 日漫
用Flash图形化数据(二)
2006/10/09 PHP
PHP sprintf() 函数的应用(定义和用法)
2012/06/29 PHP
Windows下安装PHP单元测试环境PHPUnit图文教程
2014/10/24 PHP
composer.lock文件的作用
2016/02/03 PHP
php  单例模式详细介绍及实现源码
2016/11/05 PHP
php读取和保存base64编码的图片内容
2017/04/22 PHP
PHP中创建和编辑Excel表格的方法
2018/09/13 PHP
IE和FireFox(FF)中js和css的不同
2009/04/13 Javascript
js实现页面打印功能实例代码(附去页眉页脚功能代码)
2009/12/15 Javascript
js Function类型
2011/12/04 Javascript
Prototype源码浅析 String部分(二)
2012/01/16 Javascript
提高javascript效率 一次判断,而不要次次判断
2012/03/30 Javascript
js对列表中第一个值处理与jsp页面对列表中第一个值处理的区别详解
2013/11/05 Javascript
JS实现根据出生年月计算年龄
2014/01/10 Javascript
JavaScript实现控制打开文件另存为对话框的方法
2015/04/17 Javascript
jquery对table做排序操作的实例演示
2017/08/10 jQuery
简述Angular 5 快速入门
2017/11/04 Javascript
Express本地测试HTTPS的示例代码
2018/06/06 Javascript
小程序实现发表评论功能
2018/07/06 Javascript
js实现延迟加载的几种方法详解
2019/01/19 Javascript
解决layui checkbox 提交多个值的问题
2019/09/02 Javascript
Python的math模块中的常用数学函数整理
2016/02/04 Python
解决Python requests 报错方法集锦
2017/03/19 Python
使用python批量读取word文档并整理关键信息到excel表格的实例
2018/11/07 Python
Python操控mysql批量插入数据的实现方法
2020/10/27 Python
Python做图像处理及视频音频文件分离和合成功能
2020/11/24 Python
意大利体育用品网上商城:Nencini Sport
2016/08/18 全球购物
YSL圣罗兰美妆英国官网:Yves Saint Laurent Beauty UK
2019/08/03 全球购物
澳大利亚最早和最古老的巨型游戏专家:Yardgames
2020/02/20 全球购物
办公自动化毕业生求职信
2014/03/09 职场文书
促销活动总结怎么写
2014/06/25 职场文书
2014年党的群众路线教育实践活动整改措施(个人版)
2014/09/25 职场文书
2016年五一劳动节专题校园广播稿
2015/12/17 职场文书
PHP判断是否是json字符串
2021/04/01 PHP
vue报错function () { [native code] },无法出现我们想要的内容 Unknown custom element
2022/04/11 Vue.js