javascript - 根据验证结果在 ASP 中应用 jQuery 效果

Question

我有一个带有控制面板的网络表单 (#pnlStepOne)。该面板包括两个文本字段“txtFname”和“txtLname”。我为每个文本字段设置了验证器。我已经测试了表格并且所有工作都符合要求。

我的问题是，只有当一个(或两个)文本字段(“txtFname”和“txtLname”)未验证时，我如何向面板 onclick 事件添加 jQuery 效果。 (这种效果会“摇晃”面板)。

我想添加另一个 jQuery 效果来“翻转”控制面板并将当前的 (#pnlStepOne) 切换为另一个 (#pnlStepTwo)，如果两个字段都由 asp:RequiredFieldValidators 验证的话。

只是一个示例代码，一旦我有正确的 If 条件，我将对其进行调整。

$(document).ready(function () {
        $("#btnStepOne").click(function (event) {
            if (**this is the condition that I am missing**)
            {
                $('#pnlStepOne').css({
                    background: 'red',
                });                
            }
        });
    });

Answer 1

你可以修改你的代码如下:

$(document).ready(function () {
    $("#btnStepOne").click(function (event) {
        var fvFname = document.getElementById('client-id-of-your-fvFname-validator');
        var fvLname = document.getElementById('client-id-of-your-fvLname-validator');
        ValidatorValidate(fvFname);
        ValidatorValidate(fvLname);
        if (!fvFname.isvalid || !fvLname.isvalid) {
            $('#pnlStepOne').css({
                background: 'red',
            });
        }
    });
});