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 相关文章推荐
jQuery 处理表单元素的代码
Feb 15 Javascript
超级给力的JavaScript的React框架入门教程
Jul 02 Javascript
初识Javascript小结
Jul 16 Javascript
基于JS实现省市联动效果代码分享
Jun 06 Javascript
Js查找字符串中出现次数最多的字符及个数实例解析
Sep 05 Javascript
移动端使用localStorage缓存Js和css文的方法(web开发)
Sep 20 Javascript
详谈jQuery中的一些正则匹配表达式
Mar 08 Javascript
实现两个文本框同时输入的实例
Sep 25 Javascript
基于vue.js快速搭建图书管理平台
Oct 29 Javascript
jQuery中库的引用方法
Jan 06 jQuery
纯js实现无缝滚动功能代码实例
Feb 21 Javascript
原生js实现表格翻页和跳转
Sep 29 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 显示指定路径下的图片
2009/10/29 PHP
php+jQuery+Ajax简单实现页面异步刷新
2016/08/08 PHP
微信公众平台开发教程①获取用户Openid及个人信息图文详解
2019/04/10 PHP
详解laravel passport OAuth2.0的4种模式
2019/11/04 PHP
JQuery live函数
2010/12/24 Javascript
基于编写jQuery的无缝滚动插件
2014/08/02 Javascript
浅谈JavaScript 框架分类
2014/11/10 Javascript
js控制多图左右滚动切换效果代码分享
2015/08/26 Javascript
JavaScript中的ParseInt(&quot;08&quot;)和“09”返回0的原因分析及解决办法
2016/05/19 Javascript
JS实现将数字金额转换为大写人民币汉字的方法
2016/08/02 Javascript
jQuery实现获取h1-h6标题元素值的方法
2017/03/06 Javascript
文本溢出插件jquery.dotdotdot.js使用方法详解
2017/06/22 jQuery
vue获取dom元素注意事项
2017/12/28 Javascript
jQuery Migrate 插件用法实例详解
2019/05/22 jQuery
详解在React-Native中持久化redux数据
2019/05/22 Javascript
python中is与双等于号“==”的区别示例详解
2017/11/21 Python
如何在sae中设置django,让sae的工作环境跟本地python环境一致
2017/11/21 Python
django如何连接已存在数据的数据库
2018/08/14 Python
Python 窗体(tkinter)按钮 位置实例
2019/06/13 Python
python数值基础知识浅析
2019/11/19 Python
python装饰器相当于函数的调用方式
2019/12/27 Python
python匿名函数lambda原理及实例解析
2020/02/07 Python
Python中zip()函数的解释和可视化(实例详解)
2020/02/16 Python
Django使用Celery加redis执行异步任务的实例内容
2020/02/20 Python
使用CSS3实现圆角,阴影,透明
2014/12/23 HTML / CSS
捷克汽车配件和工具销售网站:TorriaCars
2018/02/26 全球购物
美国山地自行车、露营、户外装备和服装购物网站:Aventuron
2018/05/05 全球购物
应聘编辑职位自荐信范文
2014/01/05 职场文书
创先争优活动方案
2014/02/12 职场文书
《生命的药方》教学反思
2014/04/08 职场文书
美德少年事迹材料500字
2014/08/19 职场文书
2014年大学生预备党员思想汇报1000字
2014/09/13 职场文书
法人身份证明书
2014/10/08 职场文书
2015年教研组工作总结
2015/05/04 职场文书
经营场所证明范本
2015/06/19 职场文书
Mysql关于数据库是否应该使用外键约束详解说明
2021/10/24 MySQL