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 相关文章推荐
js实现无缝循环滚动
Jun 23 Javascript
基于Bootstrap的Metronic框架实现页面链接收藏夹功能
Aug 29 Javascript
javascript使用 concat 方法对数组进行合并的方法
Sep 08 Javascript
JS公共小方法之判断对象是否为domElement的实例
Nov 25 Javascript
利用Node.js检测端口是否被占用的方法
Dec 07 Javascript
浅谈Vue2.0父子组件间事件派发机制
Jan 08 Javascript
node微信开发之获取access_token+自定义菜单
Mar 17 Javascript
Angular4.0动画操作实例详解
May 10 Javascript
Vee-validate 父组件获取子组件表单校验结果的实例代码
May 20 Javascript
vue中组件通信的八种方式(值得收藏!)
Aug 09 Javascript
微信小程序学习总结(一)项目创建与目录结构分析
Jun 04 Javascript
vant 解决tab切换插件标题样式自定义的问题
Nov 13 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
php使用pdo连接sqlite3的配置示例
2016/05/27 PHP
js中function()使用方法
2013/12/24 Javascript
JavaScript弹出对话框的三种方式
2016/03/23 Javascript
详解JavaScript设计模式开发中的桥接模式使用
2016/05/18 Javascript
js获取时间函数及扩展函数的方法
2016/10/30 Javascript
JS如何生成一个不重复的ID的函数
2016/12/25 Javascript
axios学习教程全攻略
2017/03/26 Javascript
JS+CSS实现下拉刷新/上拉加载插件
2017/03/31 Javascript
微信小程序开发教程之增加mixin扩展
2017/08/09 Javascript
Windows下快速搭建NodeJS本地服务器的步骤
2017/08/09 NodeJs
基于jQuery的$.getScript方法去加载javaScript文档解析
2017/11/08 jQuery
JavaScript Window窗口对象属性和使用方法
2020/01/19 Javascript
以一个投票程序的实例来讲解Python的Django框架使用
2016/02/18 Python
Python获取暗黑破坏神3战网前1000命位玩家的英雄技能统计
2016/07/04 Python
python 与GO中操作slice,list的方式实例代码
2017/03/20 Python
python中nan与inf转为特定数字方法示例
2017/05/11 Python
Python随机读取文件实现实例
2017/05/25 Python
用十张图详解TensorFlow数据读取机制(附代码)
2018/02/06 Python
python实现图片识别汽车功能
2018/11/30 Python
Django Celery异步任务队列的实现
2019/07/24 Python
Python数据处理篇之Sympy系列(五)---解方程
2019/10/12 Python
详解python tkinter包获取本地绝对路径(以获取图片并展示)
2020/09/04 Python
纽约家具、家居装饰和地毯店:ABC Carpet & Home
2017/06/21 全球购物
亚洲领先的旅游体验市场:Voyagin
2019/11/23 全球购物
幼儿园父亲节活动方案
2014/03/11 职场文书
教研活动总结
2014/04/28 职场文书
幼儿园区域活动总结
2014/05/08 职场文书
超市促销活动总结
2014/07/01 职场文书
2014党员四风对照检查材料思想汇报
2014/09/17 职场文书
2014年宣传思想工作总结
2014/12/10 职场文书
英语辞职信怎么写
2015/02/28 职场文书
2015年前台文员工作总结
2015/05/18 职场文书
2015年网络舆情工作总结
2015/07/24 职场文书
导游词之阳朔遇龙河
2019/12/16 职场文书
十大最强火系宝可梦,喷火龙上榜,第一名有双火属性
2022/03/18 日漫
Mysql多层子查询示例代码(收藏夹案例)
2022/03/31 MySQL