jQuery Validate 验证,校验规则写在控件中的具体实例

更新时间：2014年02月27日 09:50:29 作者：

本篇文章主要是对jQuery Validate 验证,校验规则写在控件中的具体实例进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助

将校验规则写到控件中

$().ready(function() {
$("#signupForm").validate();
});

<form id="signupForm" method="get" action="">
    <p>
        <label for="firstname">Firstname</label>
        <input id="firstname" name="firstname" class="required" />
    </p>
<p>
<label for="email">E-Mail</label>
<input id="email" name="email" class="required email" />
</p>
<p>
<label for="password">Password</label>
<input id="password" name="password" type="password" class="{required:true,minlength:5}" />
</p>
<p>
<label for="confirm_password">确认密码</label>
<input id="confirm_password" name="confirm_password" type="password" class="{required:true,minlength:5,equalTo:'#password'}" />
</p>
    <p>
        <input class="submit" type="submit" value="Submit"/>
    </p>
</form>

Tips：
使用class="{}"的方式，必须引入包：jquery.metadata.js

可以使用如下的方法，修改提示内容：
class="{required:true,minlength:5,messages:{required:'请输入内容'}}"

在使用equalTo关键字时，后面的内容必须加上引号，如下代码：
class="{required:true,minlength:5,equalTo:'#password'}"

您可能感兴趣的文章:

jQuery插件datatables使用教程
jQuery 的插件 dataTables 是一个优秀的表格插件，提供了针对表格的排序、浏览器分页、服务器分页、筛选、格式化等功能。接下来通过本文给大家介绍jQuery插件datatables使用教程，感兴趣的朋友一起学习吧
2016-04-04
jQuery自制提示框tooltip改进版
这篇文章主要介绍了jQuery自制提示框tooltip改进版，将tooltip内容加上图片预览，感兴趣的小伙伴们可以参考一下
2016-08-08
jquery统计输入文字的个数并对其进行判断
判断输入文字个数并提示还可以输入多少个字，类似的功能使用jquery便可轻松实现
2014-01-01
Jquery中的$.each获取各种返回类型数据的使用方法
each()方法能使DOM循环结构简洁，不容易出错。each()函数封装了十分强大的遍历功能，使用也很方便，它可以遍历一维数组、多维数组、DOM, JSON 等等，在javaScript开发过程中使用$each可以大大的减轻我们的工作量。
2015-05-05
jQuery validate插件功能与用法详解
这篇文章主要介绍了jQuery validate插件功能与用法,结合实例形式详细分析了jQuery validate插件的功能、参数、使用方法与相关注意事项,需要的朋友可以参考下
2016-12-12
jQuery实现简易QQ聊天框
这篇文章主要为大家详细介绍了jQuery实现简易QQ聊天框，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-02-02
struts2+jquery+json实现异步加载数据(自写)
异步加载数据利用struts2+jquery+json实现，具体代码如下，感兴趣的各位可以参考下哈，希望对大家有所帮助
2013-06-06
jQuery+ThinkPHP+Ajax实现即时消息提醒功能实例代码
这篇文章主要介绍了jQuery+ThinkPHP+Ajax实现即时消息提醒功能的实例代码，非常不错，具有参考借鉴价值，需要的朋友参考下
2017-03-03
jQuery简单实现的HTML页面文本框模糊匹配查询功能完整示例
这篇文章主要介绍了jQuery简单实现的HTML页面文本框模糊匹配查询功能,涉及jQuery事件响应模拟列表框的下拉数据展示与隐藏,以及元素遍历、匹配等相关操作技巧,需要的朋友可以参考下
2018-05-05
jQuery实现平滑滚动到指定锚点的方法
这篇文章主要介绍了jQuery实现平滑滚动到指定锚点的方法,实例分析了jQuery根据锚点定位滚动的技巧,非常具有实用价值,需要的朋友可以参考下
2015-03-03