Question

我正在为某些表单使用jQuery validate()插件，它很棒。唯一的问题是我有一个需要特殊验证过程的输入字段。这是怎么回事：

在domready中为所有必填字段调用jQuery validate插件。

以下是输入的示例：

<li>
    <label for="nome">Nome completo*</label>
    <input name="nome" type="text" id="nome" class="required"/>
</li>

以下是我如何称呼我的特殊功能：

<li>
    <span id="sprytextfield1">
        <label for="cpf">CPF* (xxxxxxxxxxx)</label>
        <input name="cpf" type="text"  id="cpf" maxlength="15" class="required" />
        <span class="textfieldInvalidFormatMsg">CPF Inv&aacute;lido.</span>
    </span>
</li>

在文件的底部我调用了Spry函数：

<script type="text/javascript">
    <!--
        var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1","cpf");
    //-->
</script>

我当然在头部和我的special-validate.js中调用Spry CSS和JavaScript文件。

当我只使用jQuery validate()插件并单击发送按钮时，页面会自动返回到第一个错误输入字段并显示错误类型（不是数字，不是有效的电子邮件等）

但是使用这个新功能，这个“回到第一个错误”功能当然不起作用，因为validate()功能看起来很好。

我已经为另一个表单（关于图片上传）添加了规则，它是这样的：

$("#commentForm").validate({
    rules: {
        foto34: {
            required: true,
            accept: "jpg|png|gif"
        }
    }
});

现在我的问题是，我如何添加特殊验证功能作为整个验证过程的规则？

以下是更好地理解它的页面：link text，特殊字段是第一个：CPF。

我希望我能清楚地解释我的问题。

Answer 1

我会回答我自己的问题，因为我找到了解决方案。我添加了JavaScript函数来检查我的cpf编号（巴西ID号）就在DOM准备就绪之前就像这样：

jQuery.validator.addMethod(
    "cpf",
    function (valor){
        ...
    },
    "CPF inv&aacute;lido"
);

然后这就是我的DOM准备好了：

$(document).ready(function(){
    $("#commentForm").validate({
        rules: {
            campocpf: {
                required:true,
                cpf:true
            },
        }
    });
});

如果对一些巴西人感兴趣，我可以展示进行CPF验证的整个功能（用我自己的号码检查，有效）。我还有另一个CNPJ号码（公司的巴西号码）。

jQuery Validate（）特殊功能

1 个答案: