作家
登录

jquery validation插件表单验证的一个例子

作者: 来源:www.28hudong.com 2013-03-30 01:49:27 阅读 我要评论

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>

  推荐阅读

  Js 竖直伸缩菜单(百度)

从百度扒下来的竖直伸缩菜单-www.jb51.net 新手入门 关于百度搜索推广 账户注册 快速上手 推广制作 设置匹配方式 撰写创意 设置URL 推广投放 点击过滤 质量度 关键词匹配 创意展现方式>>>详细阅读


本文标题:jquery validation插件表单验证的一个例子

地址:http://www.17bianji.com/kaifa2/JS/26967.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)