Javascript jQuery验证-验证页面中的节和全局

我有一个类似于下图的页面

该页面有多个部分（用户信息、帐户信息等）以及常用控件（如主题文本框、日期文本框等）

• 当用户单击“用户信息”部分中的“添加”按钮时，它必须验证关联的控件
• 当用户单击顶部的Submit按钮时，应验证subject文本框和表格中的所需数据

我怎样才能做到这一点

我能够验证用户部分，但不确定如何在页面上进行全局验证

类型脚本：

class Validation {

    static FormTrackingId = '#FormTracking';

    private static ApplyRules() {

        $(Component.SelectId).rules("add", {
            required: true,
            messages: {
                required: "Name is required."
            }
        });

        $(Component.TextBoxNumberId).rules("add", {
            required: true,
            messages: {
                required: "Number is required."
            }
        });

        $(Component.TextAreaNotesId).rules("add", {
            maxlength: 10,
            messages: {
                maxlength: jQuery.validator.format("The maximum allowed length of note(s) is {0} characters.")
            }
        });
    }

    public static IsValid(): boolean{

        $(Validation.FormTrackingId).validate();

        Validation.ApplyRules();

        return $(Validation.FormTrackingId).valid();
    }
}

---

任何关于如何处理这种情况的建议都将不胜感激。谢谢。

很不清楚你在说什么。什么是HTML结构？是否有嵌套在

中的

？如果是这样，那就是无效的HTML，jQuery验证插件将无法工作。