Question

我需要使用jquery执行两组验证。首先进行验证以确保用户从下拉列表中选择一个选项。如果用户选择“已批准”选项，则会发生另一组验证。此验证工作正常：

    $(document).ready(function () {
        $("form[name=usagAddSanction]").validate({
            rules: {
                status: {
                    required: true
                }
            },
            messages: {
                status: {
                    required: "You must select status"
                }
        }
    });

当选择更改为“已批准”时，应该进行此验证。 jquery正确添加SPAN但不验证表单字段。

    $("select[name=status]").change(function () {
        if ($(this).val() == 'Approved') {
            $(".required").show();
            $("form[name=usagAddSanction]").validate({
                rules: {
                    siteName: {
                    required: true
                    }
                },
                messages: {
                    siteName: {
                    required: "Please enter name"
                    }
                }
            });
        }else {
            $(".required").hide();
        }
    });

我在这一点上想知道这是不可能的，因为我已经验证过该表格了。我希望有经验的人可以提供一些指导。感谢

Answer 1

使用valid方法触发验证，它会进行验证并根据规则返回true / false（如果表单有效）。试试这个。

$("select[name=status]").change(function () {
    if ($(this).val() == 'Approved') {
        $(".required").show();
        $("form[name=usagAddSanction]").valid();
    }else {
        $(".required").hide();
    }
});

Jquery字段/表单验证

1 个答案: