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 相关文章推荐
Javascript技巧之不要用for in语句对数组进行遍历
Oct 20 Javascript
ExtJS[Desktop]实现图标换行示例代码
Nov 17 Javascript
基于jQuey实现鼠标滑过变色(整行变色)
Dec 07 Javascript
详解javascript实现瀑布流绝对式布局
Jan 29 Javascript
详解微信小程序开发之——wx.showToast(OBJECT)的使用
Jan 18 Javascript
原生JS发送异步数据请求
Jun 08 Javascript
JavaScript设计模式之建造者模式实例教程
Jul 02 Javascript
深入浅析Vue 中 ref 的使用
Apr 29 Javascript
JS原型与继承操作示例
May 09 Javascript
Vue商品控件与购物车联动效果的实例代码
Jul 21 Javascript
JS实现碰撞检测效果
Mar 12 Javascript
vue实现锚点定位功能
Jun 29 Vue.js
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
PHP5 操作MySQL数据库基础代码
2009/09/29 PHP
PHP实现利用MySQL保存session的方法
2014/08/23 PHP
Laravel中注册Facades的步骤详解
2016/03/16 PHP
Yii1.1中通过Sql查询进行的分页操作方法
2017/03/16 PHP
Web前端设计模式  制作漂亮的弹出层
2010/10/29 Javascript
JavaScript弹出窗口方法汇总
2014/08/12 Javascript
jQuery判断元素上是否绑定了指定事件的方法
2015/03/17 Javascript
JavaScript实现倒计时代码段Item1(非常实用)
2015/11/03 Javascript
javascript表达式和运算符详解
2017/02/07 Javascript
bootstrap datetimepicker日期插件超详细使用方法介绍
2017/02/23 Javascript
浅谈vue-lazyload实现的详细过程
2017/08/22 Javascript
jquery之基本选择器practice(实例讲解)
2017/09/30 jQuery
Angular2监听页面大小变化的解决方法
2017/10/09 Javascript
浅谈React前后端同构防止重复渲染
2018/01/05 Javascript
微信小程序实现YDUI的ScrollTab组件
2018/02/02 Javascript
浅谈在Vue.js中如何实现时间转换指令
2019/01/06 Javascript
vue 实现把路由单独分离出来
2020/08/13 Javascript
jQuery zTree如何改变指定节点文本样式
2020/10/16 jQuery
[04:45]DOTA2上海特级锦标赛主赛事第四日RECAP
2016/03/06 DOTA
django中send_mail功能实现详解
2018/02/06 Python
Python3单行定义多个变量或赋值方法
2018/07/12 Python
Python字符串逆序的实现方法【一题多解】
2019/02/18 Python
python3实现字符串操作的实例代码
2019/04/16 Python
Python弹出输入框并获取输入值的实例
2019/06/18 Python
全面了解django的缓存机制及使用方法
2019/07/22 Python
django基础学习之send_mail功能
2019/08/07 Python
matplotlib jupyter notebook 图像可视化 plt show操作
2020/04/24 Python
Python-jenkins 获取job构建信息方式
2020/05/12 Python
使用matplotlib的pyplot模块绘图的实现示例
2020/07/12 Python
python搜索算法原理及实例讲解
2020/11/18 Python
瑜伽服装品牌:露露柠檬(lululemon athletica)
2017/06/04 全球购物
餐馆开业致辞
2015/08/01 职场文书
中秋节主题班会
2015/08/14 职场文书
php远程请求CURL案例(爬虫、保存登录状态)
2021/04/01 PHP
Flask response响应的具体使用
2021/07/15 Python
使用javascript解析二维码的三种方式
2021/11/11 Javascript