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 相关文章推荐
我也种棵OO树JXTree[js+css+xml]
Apr 02 Javascript
地址栏传递中文参数乱码在js里用escape转码
Aug 28 Javascript
jQuery实现炫酷的鼠标轨迹特效
Feb 01 Javascript
javascript实现拖放效果
Dec 16 Javascript
原生javascript实现读写CSS样式的方法详解
Feb 20 Javascript
JS去掉字符串前后空格或去掉所有空格的用法
Mar 25 Javascript
详解Vue-Cli 异步加载数据的一些注意点
Aug 12 Javascript
Node.js创建HTTP文件服务器的使用示例
May 11 Javascript
从Vuex中取出数组赋值给新的数组,新数组push时报错的解决方法
Sep 18 Javascript
微信小程序picker组件关于objectArray数据类型的绑定方法
Mar 13 Javascript
vue-router两种模式区别及使用注意事项详解
Aug 01 Javascript
Ajax获取node服务器数据的完整步骤
Sep 20 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
使用sockets:从新闻组中获取文章(二)
2006/10/09 PHP
ThinkPHP整合datatables实现服务端分页的示例代码
2018/02/10 PHP
thinkPHP框架自动填充原理与用法分析
2018/04/03 PHP
PHP实现随机数字、字母的验证码功能
2018/08/01 PHP
JavaScript入门教程(11) js事件处理
2009/01/31 Javascript
让图片旋转任意角度及JQuery插件使用介绍
2013/03/20 Javascript
jquery $.each() 使用小探
2013/08/23 Javascript
JavaScript自定义日期格式化函数详细解析
2014/01/14 Javascript
将HTML格式的String转化为HTMLElement的实现方法
2014/08/07 Javascript
JavaScript中的Primitive对象封装介绍
2014/12/31 Javascript
关于JavaScript的变量的数据类型的判断方法
2015/08/14 Javascript
JS实现横向拉伸动感伸缩菜单效果代码
2015/09/04 Javascript
对Js OOP编程 创建对象的一些全面理解
2016/07/26 Javascript
js多个物体运动功能实例分析
2016/12/20 Javascript
详解使用nodeJs安装Vue-cli
2017/05/17 NodeJs
Vue Ajax跨域请求实例详解
2017/06/20 Javascript
vue 运用mock数据的示例代码
2017/11/07 Javascript
vue实现密码显示与隐藏按钮的自定义组件功能
2019/04/23 Javascript
详解Jest结合Vue-test-utils使用的初步实践
2019/06/27 Javascript
在layui中select更改后生效的方法
2019/09/05 Javascript
python实现获取Ip归属地等信息
2016/08/27 Python
python生成二维码的实例详解
2017/10/29 Python
Python实现的计算马氏距离算法示例
2018/04/03 Python
使用pandas实现csv/excel sheet互相转换的方法
2018/12/10 Python
教你一步步利用python实现贪吃蛇游戏
2019/06/27 Python
python操作docx写入内容,并控制文本的字体颜色
2020/02/13 Python
Python格式化输出--%s,%d,%f的代码解析
2020/04/29 Python
简单了解Python变量作用域正确使用方法
2020/06/12 Python
美国手工艺品市场的领导者:Annie’s
2019/04/04 全球购物
Jones Bootmaker官网:优质靴子和鞋子在线
2020/11/30 全球购物
JSF面试题:Jsf中导航的标签是什么
2013/04/20 面试题
技校生自我鉴定范文
2013/09/26 职场文书
生物化工专业个人自荐信
2013/09/26 职场文书
校园新闻广播稿
2014/01/10 职场文书
公司年会开场白
2015/06/01 职场文书
Python读写yaml文件
2022/03/20 Python