jQuery Validation插件：意大利税号与VAT号条件验证问题

针对你的需求，核心是利用jQuery Validation的depends选项动态控制字段的必填状态，同时添加意大利PI（VAT号）和CF（税号）的格式验证规则。以下是完整的正确代码：

1. 自定义验证规则 #

先注册针对意大利PI和CF的格式验证方法：

// 验证意大利Partita IVA（VAT号）格式：支持带IT前缀的11位数字，或纯11位数字
$.validator.addMethod("italianPI", function(value, element) {
    const piValue = value.replace(/^IT/i, '');
    return this.optional(element) || /^\d{11}$/.test(piValue);
}, "请输入有效的意大利VAT号（PI）");

// 验证意大利Codice Fiscale（税号）格式：16位字母数字组合（不区分大小写）
$.validator.addMethod("italianCF", function(value, element) {
    return this.optional(element) || /^[A-Z0-9]{16}$/i.test(value);
}, "请输入有效的意大利税号（CF）");

2. 表单验证配置 #

在表单的validate方法中，通过depends动态设置必填条件：

$("#your-form-id").validate({
    rules: {
        // Company字段（可根据需求添加自身规则，比如非空判断）
        company: {},
        // PI字段：仅当Company有值时必填，且需符合PI格式
        pi: {
            required: {
                depends: function() {
                    return $.trim($("#company").val()) !== '';
                }
            },
            italianPI: true
        },
        // CF字段：仅当Company为空时必填，且需符合CF格式
        cf: {
            required: {
                depends: function() {
                    return $.trim($("#company").val()) === '';
                }
            },
            italianCF: true
        }
    },
    // 实时监听Company字段变化，触发PI/CF的重新验证
    onkeyup: function(element) {
        if ($(element).attr("name") === "company") {
            this.element("#pi");
            this.element("#cf");
        }
    }
});

关键说明 #

• depends函数返回布尔值，动态决定required规则是否生效：
  • 当Company字段不为空时，PI的必填规则生效，CF的必填规则关闭；
  • 当Company字段为空时，CF的必填规则生效，PI的必填规则关闭。
• 自定义验证方法中的this.optional(element)表示：如果字段当前不是必填项，空值会被允许，不会触发格式验证。
• 添加onkeyup监听，确保用户修改Company字段时，PI和CF的规则能实时更新。

表单HTML示例 #

对应的表单结构参考：

<form id="your-form-id">
    <div>
        <label for="company">Company:</label>
        <input type="text" name="company" id="company">
    </div>
    <div>
        <label for="pi">意大利VAT号（PI）:</label>
        <input type="text" name="pi" id="pi">
    </div>
    <div>
        <label for="cf">意大利税号（CF）:</label>
        <input type="text" name="cf" id="cf">
    </div>
    <button type="submit">提交</button>
</form>

内容的提问来源于stack exchange，提问作者user2505596