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 自动转到命名锚记
Jan 10 Javascript
jquery $.ajax相关用法分享
Mar 16 Javascript
JS+CSS实现一个气泡提示框
Aug 18 Javascript
javascript常见操作汇总
Sep 03 Javascript
深入分析Javascript跨域问题
Apr 17 Javascript
jQuery添加和删除指定标签的方法
Dec 16 Javascript
JavaScript函数柯里化详解
Apr 29 Javascript
微信JS-SDK自定义分享功能实例详解【分享给朋友/分享到朋友圈】
Nov 25 Javascript
JS实现的tab切换选项卡效果示例
Feb 28 Javascript
浅谈 Vue v-model指令的实现原理
Jun 08 Javascript
微信小程序获取用户信息并保存登录状态详解
May 10 Javascript
Element 默认勾选表格 toggleRowSelection的实现
Sep 04 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 数学运算验证码实现代码
2009/10/11 PHP
PHP计算2点经纬度之间的距离代码
2013/08/12 PHP
PHP实现图片防盗链破解操作示例【解决图片防盗链问题/反向代理】
2020/05/29 PHP
js判断变量是否未定义的代码
2020/03/28 Javascript
Js中使用hasOwnProperty方法检索ajax响应对象的例子
2014/12/08 Javascript
js数组的操作指南
2014/12/28 Javascript
JavaScript实现Java中StringBuffer的方法
2015/02/09 Javascript
基于zepto.js简单实现上传图片
2016/06/21 Javascript
JavaScript实现刷新不重记的倒计时
2016/08/10 Javascript
Bootstrapvalidator校验、校验清除重置的实现代码(推荐)
2016/09/28 Javascript
解决Vue使用mint-ui loadmore实现上拉加载与下拉刷新出现一个页面使用多个上拉加载后冲突问题
2017/11/07 Javascript
Node.js实现注册邮箱激活功能的方法示例
2018/03/23 Javascript
jQuery each和js forEach用法比较
2019/02/27 jQuery
vue柱状进度条图像的完美实现方案
2019/08/26 Javascript
Vue替代marquee标签超出宽度文字横向滚动效果
2019/12/09 Javascript
微信小程序之滑动页面隐藏和显示组件功能的实现代码
2020/06/19 Javascript
深入理解Python3 内置函数大全
2017/11/23 Python
Python实现进程同步和通信的方法
2018/01/02 Python
PyQt5每天必学之关闭窗口
2018/04/19 Python
Pandas:Series和DataFrame删除指定轴上数据的方法
2018/11/10 Python
python判断列表的连续数字范围并分块的方法
2018/11/16 Python
Python 3.6 -win64环境安装PIL模块的教程
2019/06/20 Python
全面了解django的缓存机制及使用方法
2019/07/22 Python
From CSV to SQLite3 by python 导入csv到sqlite实例
2020/02/14 Python
Python基于jieba, wordcloud库生成中文词云
2020/05/13 Python
Python利用Pillow(PIL)库实现验证码图片的全过程
2020/10/04 Python
用Python进行websocket接口测试
2020/10/16 Python
Python 操作SQLite数据库的示例
2020/10/16 Python
CSS3效果:自定义“W”形运行轨迹实例
2017/03/29 HTML / CSS
Snapfish英国:在线照片打印和个性化照片礼品
2017/01/13 全球购物
naturalizer加拿大官网:美国娜然女鞋
2017/04/04 全球购物
廉洁自律承诺书
2014/03/27 职场文书
副科级后备干部考察材料
2014/05/15 职场文书
2015社区爱国卫生工作总结
2015/04/21 职场文书
行政复议答复书
2015/07/01 职场文书
作文之亲情600字
2019/09/23 职场文书