Question

我正在使用jquery验证，它工作正常，但我使用的是动态文本框，可以通过我的表单中的选择选项的更改来查看。如何根据select中的onchange验证我的动态文本框。

Answer 1

在if中使用required条件。例如，

$("#form").validate({
        rules: {
            text1: {
                required: function (element) {
                    if ($("#selid").val() == '1') {
                        return true;
                    } else {
                        return false;
                    }
                }
            },
            text2: {
                required: function (element) {
                    if ($("#selid").val() == '2') {
                        return true;
                    } else {
                        return false;
                    }
                }
            }
        }
    });

考虑#selid是您select控件的ID。如果选择值“1”，则仅{}反映text1将为required true。另外，它会required false。以同样的方式如果选择值'2'，它将反映text2将是required true。另外，它会required false。

像这样你可以申请你的代码...

请参阅JSFIDDLE DEMO

Answer 2

您可以在Jquery Validate中使用depends，因此您的代码看起来像

$("#form").validate({
    rules: {
        txt1: {
            required: {
                depends: function (element) {
                    return ($("#drp").val() == '1')
                }
            }
        },
        txt2: {
           required: {
                depends: function (element) {
                    return ($("#drp").val() == '2')
                }
            }
        }

    }
});

动态文本框的Jquery验证

2 个答案: