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 格式化时间日期函数小结
Mar 20 Javascript
防止xss和sql注入:JS特殊字符过滤正则
Apr 18 Javascript
node.js中的fs.readlink方法使用说明
Dec 17 Javascript
js实现图片和链接文字同步切换特效的方法
Feb 20 Javascript
jQuery经过一段时间自动隐藏指定元素的方法
Mar 17 Javascript
AngularJS向后端ASP.NET API控制器上传文件
Feb 03 Javascript
vue开发心得和技巧分享
Oct 27 Javascript
利用javascript实现的三种图片放大镜效果实例(附源码)
Jan 23 Javascript
Javascript中八种遍历方法的执行速度深度对比
Apr 25 Javascript
Vue中render方法的使用详解
Jan 26 Javascript
vue如何获取自定义元素属性参数值的方法
May 14 Javascript
Node.js Windows Binary二进制文件安装方法
May 16 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
DIY实用性框形天线
2021/03/02 无线电
php中$_SERVER[PHP_SELF] 和 $_SERVER[SCRIPT_NAME]之间的区别
2009/09/05 PHP
php异常处理技术,顶级异常处理器
2012/06/13 PHP
YII动态模型(动态表名)支持分析
2016/03/29 PHP
php7 安装yar 生成docker镜像
2017/05/09 PHP
yii2.0整合阿里云oss删除单个文件的方法
2017/09/19 PHP
PHP 断点续传实例详解
2017/11/11 PHP
jQuery Study Notes学习笔记 (二)
2010/08/04 Javascript
jsTree 基于JQuery的排序节点 Bug
2011/07/26 Javascript
js时间日期和毫秒的相互转换
2013/02/22 Javascript
关于jQuery object and DOM element
2013/04/15 Javascript
JavaScript中圆括号()和方括号[]的特殊用法疑问解答
2013/08/06 Javascript
JavaScript程序员应该知道的45个实用技巧
2014/03/04 Javascript
javascript如何判断输入的url是否正确
2014/04/11 Javascript
jquery合并表格中相同文本的相邻单元格
2015/07/17 Javascript
Jquery时间轴特效(三种不同类型)
2015/11/02 Javascript
每天一篇javascript学习小结(Array数组)
2015/11/11 Javascript
nodeJS删除文件方法示例
2016/12/25 NodeJs
Mac下使用charles遇到的问题以及解决办法
2017/01/10 Javascript
webpack使用 babel-loader 转换 ES6代码示例
2017/08/21 Javascript
在vue中使用公共过滤器filter的方法
2018/06/26 Javascript
Node.js fs模块(文件模块)创建、删除目录(文件)读取写入文件流的方法
2019/09/03 Javascript
vue2.0 watch里面的 deep和immediate用法说明
2020/10/30 Javascript
详解Python中的各种函数的使用
2015/05/24 Python
python实现简单ftp客户端的方法
2015/06/28 Python
详解用Python处理HTML转义字符的5种方式
2017/12/27 Python
Django rest framework基本介绍与代码示例
2018/01/26 Python
详解爬虫被封的问题
2019/04/23 Python
python with语句的原理与用法详解
2020/03/30 Python
加拿大女包品牌:Matt & Nat
2017/05/12 全球购物
大学生学习生活的自我评价
2013/11/01 职场文书
电子技术专业中专生的自我评价
2013/12/17 职场文书
市场营销管理制度
2014/01/29 职场文书
2016年“12.4”法制宣传日活动总结
2016/04/01 职场文书
java多态注意项小结
2021/10/16 Java/Android
MySQL 原理与优化之Update 优化
2022/08/14 MySQL