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的文章中所有图片width大小批量设置方法
Aug 01 Javascript
jQuery关于导航条背景切换效果实现示例
Sep 04 Javascript
javascript操作字符串的原生方法
Dec 22 Javascript
Node.js 异步编程之 Callback介绍(一)
Mar 30 Javascript
JavaScript中操作字符串之localeCompare()方法的使用
Jun 06 Javascript
两款JS脚本判断手机浏览器类型跳转WAP手机网站
Oct 16 Javascript
easyui-combobox 实现简单的自动补全功能示例
Nov 08 Javascript
bootstrap weebox 支持ajax的模态弹出框
Feb 23 Javascript
浅谈vue的几种绑定变量的值 防止其改变的方法
Mar 01 Javascript
p5.js入门教程之图片加载
Mar 20 Javascript
详解webpack自定义loader初探
Aug 29 Javascript
使用webpack和rollup打包组件库的方法
Feb 25 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
便携利器 — TECSUN PL-365简评
2021/03/02 无线电
php判断字符以及字符串的包含方法属性
2008/08/30 PHP
Php Cookie的一个使用注意点
2008/11/08 PHP
浅析ThinkPHP缓存之快速缓存(F方法)和动态缓存(S方法)(日常整理)
2015/10/26 PHP
PHP实现二维数组中的查找算法小结
2018/06/09 PHP
JavaScript脚本性能的优化方法
2007/02/02 Javascript
IE与FireFox中的childNodes区别
2011/10/20 Javascript
jQuery判断iframe中元素是否存在的方法
2013/05/11 Javascript
js实现连个数字相加而不是拼接的方法
2014/02/23 Javascript
JS实现从网页顶部掉下弹出层效果的方法
2015/08/06 Javascript
jQuery实现的简洁下拉菜单导航效果代码
2015/08/26 Javascript
jQuery自定义图片缩放拖拽插件imageQ实现方法(附demo源码下载)
2016/05/27 Javascript
Vue.js展示AJAX数据简单示例讲解
2017/03/29 Javascript
jQuery pjax 应用简单示例
2018/09/20 jQuery
python读写文件操作示例程序
2013/12/02 Python
微信跳一跳辅助python代码实现
2018/01/05 Python
特征脸(Eigenface)理论基础之PCA主成分分析法
2018/03/13 Python
完美解决Python 2.7不能正常使用pip install的问题
2018/06/12 Python
Numpy之文件存取的示例代码
2018/08/03 Python
在python中使用xlrd获取合并单元格的方法
2018/12/26 Python
Python程序打包工具py2exe和PyInstaller详解
2019/06/28 Python
使用python将最新的测试报告以附件的形式发到指定邮箱
2019/09/20 Python
mac使用python识别图形验证码功能
2020/01/10 Python
Python模块/包/库安装的六种方法及区别
2020/02/24 Python
python学习笔记之多进程
2020/08/06 Python
通过实例解析Python文件操作实现步骤
2020/09/21 Python
CSS3 mask 遮罩的具体使用方法
2017/11/03 HTML / CSS
Aosom西班牙:家具在线商店
2020/06/11 全球购物
股份转让协议书
2014/04/12 职场文书
危爆物品安全大检查大整治工作方案
2014/05/03 职场文书
项目建议书怎么写
2014/05/15 职场文书
求职信结尾怎么写
2014/05/26 职场文书
学校领导四风问题整改措施思想汇报
2014/10/09 职场文书
2016七夕情人节寄语
2015/12/04 职场文书
看看如何用Python绘制小米新版天价logo
2021/04/20 Python
Mysql忘记密码解决方法
2022/02/12 MySQL