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报错 Object doesn't support this property or method的原因分析
Mar 31 Javascript
JQuery中extend的用法实例分析
Feb 08 Javascript
javascript页面倒计时实例
Jul 25 Javascript
jQuery对html元素的取值与赋值实例详解
Dec 18 Javascript
Jquery中巧用Ajax的beforeSend方法
Jan 20 Javascript
AngularJS控制器之间的数据共享及通信详解
Aug 01 Javascript
Angular的模块化(代码分享)
Dec 26 Javascript
在Vant的基础上封装下拉日期控件的代码示例
Dec 05 Javascript
记一次用vue做的活动页的方法步骤
Apr 11 Javascript
全面分析JavaScript 继承
May 30 Javascript
解决layui数据表格排序图标被超出的表头挤出去的问题
Sep 19 Javascript
vue插件--仿微信小程序showModel实现模态提示窗功能
Aug 19 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无限遍历文件夹示例分享
2014/03/04 PHP
php使用cookie实现记住登录状态
2015/04/27 PHP
常见PHP数据库解决方案分析介绍
2015/09/24 PHP
yii2 页面底部加载css和js的技巧
2016/04/21 PHP
Yii框架防止sql注入,xss攻击与csrf攻击的方法
2016/10/18 PHP
PHP按符号截取字符串的指定部分的实现方法
2018/09/10 PHP
PHP如何开启Opcache功能提升程序处理效率
2020/04/27 PHP
DEFER怎么用?
2006/07/01 Javascript
jQuery 解析xml文件
2009/08/09 Javascript
jquery 关于event.target使用的几点说明介绍
2013/04/26 Javascript
jquerydom对象的事件隐藏显示和对象数组示例
2013/12/10 Javascript
通过location.replace禁止浏览器后退防止重复提交
2014/09/04 Javascript
让人蛋疼的JavaScript语法特性
2014/09/30 Javascript
jquery实现submit提交表单
2015/02/03 Javascript
基于Bootstrap3表格插件和分页插件实例详解
2016/05/17 Javascript
使用Ajax和Jquery配合数据库实现下拉框的二级联动的示例
2018/01/25 jQuery
Vue项目中配置pug解析支持
2019/05/10 Javascript
微信小程序文字显示换行问题
2019/07/28 Javascript
vue的webcamjs集成方式
2020/11/16 Javascript
Python中的is和==比较两个对象的两种方法
2017/09/06 Python
Win7下Python与Tensorflow-CPU版开发环境的安装与配置过程
2018/01/04 Python
python实现m3u8格式转换为mp4视频格式
2018/02/28 Python
python3实现字符串的全排列的方法(无重复字符)
2018/07/07 Python
python 实现手机自动拨打电话的方法(通话压力测试)
2019/08/08 Python
PyTorch预训练的实现
2019/09/18 Python
Python要求O(n)复杂度求无序列表中第K的大元素实例
2020/04/02 Python
python 读取串口数据的示例
2020/11/09 Python
css3 给页面加个半圆形导航条主要利用旋转和倾斜样式
2014/02/10 HTML / CSS
助人为乐模范事迹材料
2014/06/02 职场文书
工作作风承诺书
2014/08/30 职场文书
反对四风自我剖析材料
2014/10/07 职场文书
党员查摆剖析材料
2014/10/10 职场文书
2016年公司新年寄语
2015/08/17 职场文书
团支部书记竞选稿
2015/11/21 职场文书
六年级作文之家庭作文
2019/12/12 职场文书
SQL SERVER中常用日期函数的具体使用
2021/04/08 SQL Server