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 获取表单text,areatext,radio,checkbox,select值的代码
Nov 12 Javascript
javascript 动态修改样式和层叠样式表代码
Apr 27 Javascript
加载远程图片时,经常因为缓存而得不到更新的解决方法(分享)
Jun 26 Javascript
js截取固定长度的中英文字符的简单实例
Nov 22 Javascript
JS计算距当前时间的时间差实例
Dec 29 Javascript
使用async-validator编写Form组件的方法
Jan 10 Javascript
electron demo项目npm install安装失败的解决方法
Feb 06 Javascript
vue打包的时候自动将px转成rem的操作方法
Jun 20 Javascript
javascriptvoid(0)含义以及与&quot;#&quot;的区别讲解
Jan 19 Javascript
Vue CLI3中使用compass normalize的方法
May 30 Javascript
JavaScript工具库之Lodash详解
Jun 15 Javascript
解决vue 退出动画无效的问题
Aug 09 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编程中字符串处理的5个技巧小结
2007/11/13 PHP
PHP字符串 ==比较运算符的副作用
2009/10/21 PHP
PHP开发的一些注意点总结
2010/10/12 PHP
php中数字0和空值的区别分析
2014/06/05 PHP
ThinkPHP多表联合查询的常用方法
2020/03/24 PHP
微信支付开发订单查询实例
2016/07/12 PHP
网站上面有这种切换效果
2006/06/26 Javascript
jquery实现微博文字输入框 输入时显示输入字数 效果实现
2013/07/12 Javascript
jquery 实现密码框的显示与隐藏示例代码
2013/09/18 Javascript
使用javascript为网页增加夜间模式
2014/01/26 Javascript
全面兼容的javascript时间格式化函数(比较实用)
2014/05/14 Javascript
JQuery实现表格动态增加行并对新行添加事件
2014/07/30 Javascript
Javascript 高性能之递归,迭代,查表法详解及实例
2017/01/08 Javascript
jquery实现手机端单店铺购物车结算删除功能
2017/02/22 Javascript
Bootstrap的popover(弹出框)2秒后定时消失的实现代码
2017/02/27 Javascript
Vue中的v-for指令不起效果的解决方法
2018/09/27 Javascript
JavaScript字符串转数字的简单实现方法
2020/11/27 Javascript
如何在vue中使用HTML 5 拖放API
2021/01/14 Vue.js
Python实现的下载8000首儿歌的代码分享
2014/11/21 Python
Python中使用select模块实现非阻塞的IO
2015/02/03 Python
在Python3中使用asyncio库进行快速数据抓取的教程
2015/04/02 Python
python删除特定文件的方法
2015/07/30 Python
Python查找两个有序列表中位数的方法【基于归并算法】
2018/04/20 Python
python在回调函数中获取返回值的方法
2019/02/22 Python
python实现对图片进行旋转,放缩,裁剪的功能
2019/08/07 Python
TensorFlow打印输出tensor的值
2020/04/19 Python
高三毕业生自我鉴定
2013/12/20 职场文书
职业生涯规划怎么写
2013/12/29 职场文书
自我鉴定怎么写
2014/01/12 职场文书
高级工程师英文求职信
2014/03/19 职场文书
六查六看自检自查剖析材料
2014/10/14 职场文书
小学家长意见怎么写
2015/06/03 职场文书
运动会5000米加油稿
2015/07/21 职场文书
让人瞬间清醒的句子,句句经典,字字如金
2019/07/08 职场文书
Python中for后接else的语法使用
2021/05/18 Python
MySQL连接控制插件介绍
2021/09/25 MySQL