jQuery validate 分组证验（转）

jQuery validate 分组验证（转）

这样这个按钮就不会触发jq的验证了。

????? 以下是我在解决问题过程中发现的jQuery validate验证框架的一些特性，希望对您有所帮助。（如果您对此很了解，可略过以下内容）

????? 1、required非空验证只有在第一次提交后才会被激活生效，对于设置了非空验证的表单元素，初始页面后不会有任何提示，只有点击提交按钮时才会去击活并验证，如日期，整数等其它验证则在失去焦点后激活。

?? 2、$.validator.setDefaults（）设置的参数，在$("#Form").validate()为某个表单注册验证之前才会有效，放在之后无效。

?? 3、对于用$("#元素ID").rules("add", { required: true });增加的验证规则可以用

$("#元素ID").rules("remove", "required");移除，但是注册到元素中的则不行，例如：

<asp:TextBox id="TxtAge" Css……/> TxtAge的验证规则无法移除。

?????? 但还是发现有用价值！Jquery.validate提供了方法删除特定验证。这就好办。我们采用目标按扭使FORM绑定验证，然后再在不相关的SUBMIT绑定一个移除验证方法就行。相关代码如下：?????

本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/loveyou128144/archive/2009/09/23/4585687.aspx

?痛了。原因是从控件面板上拖动的按扭，最终在页面上全部转换成了submit。而大多情况下每个Submit的业务规则不同。所以特别需要Jquery.validate能够以特定的submit为目标进行验证绑定。但“不幸”的是，我今天鄱遍了官方API都没有找到相关的直接支持

>

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
????<title>演示</title>
????
<script language="JavaScript" src="/jslib/jquery-1.3.2.min.js" type="text/javascript"></script>??
<script language="JavaScript" src="/jslib/jPlug/jquery.validate.min.js" type="text/javascript"></script>
<script type="text/javascript">??????
????????//绑定表单验证
????????function NeedValidate()
???????? {
???????????? $("#aspnetForm").validate({
???????????????? rules: {
???????????????????? txtAge: {
???????????????????????? required:true,
???????????????????????? number:true,
???????????????????????? min:18
???????????????????? }
???????????????? },
???????????????? messages:{
???????????????????? txtAge: {
???????????????????????? required:"必须填写",
???????????????????????? number:"请输入数字",
???????????????????????? min:jQuery.format("必须年满{0}.")
???????????????????? }
???????????????? }
???????????? });
???????? }
????????//取消表单验证
????????function NoValidate()
???????? {
???????????? $("#txtAge").rules("remove");//如果有多个依次取消????????????
???????? }
????????
???????? $(function() {
????????????//给需要验证的控件为表单绑定验证
???????????? $("#Button1").click(function(){????????????
???????????????? NeedValidate();
???????????? });
????????????
????????????//不需要验证的控件取消验证绑定
???????????? $("#Button2").click(function() {
???????????????? NoValidate();
???????????? });
???????? });
</script>
</head>
<body>
????<form id="aspnetForm" runat="server">
????<div>
????
???? 年龄：<asp:TextBox ID="txtAge" runat="server"></asp:TextBox>
????????
????????<asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="需要验证" />????????
????????<asp:Button ID="Button2" runat="server" onclick="Button2_Click" Text="无须验证" />
????
????</div>
????
????</form>
</body>
</html>

后台很简单，

贴个简单的例子：

????????? (13) dateISO:true?????? 日期型，格式为1998/01/22???????? 1999-12-12

5.messages，自定义错误信息，格式与rules类似

jQuery validate 分组证验（转）

热点推荐