基于javascript中选择的下拉值进行验证

时间:2016-09-22 09:58:56

标签: javascript jquery asp.net-mvc-3

我的下拉列表中有以下值:AX,CA,DC,TS,TP,VI

有一个文本框。根据下拉值选择验证必须存在,即,如果我选择TP,它可能允许空/空白,但对于其他值,它不能为空。

我怎样才能做到这一点?

if ($("#txtCreditCardCvvNo" + i).val().length > 0) {
            if ($("#ddlCreditCardType" + i).val() == 'AX') {
                if ($("#txtCreditCardCvvNo" + i).val().length < 4) {
                    $("#err_cvvno" + i).html('CVV No. should be 4 digit');
                    status = 0;
                }

                else {
                    $("#err_cvvno" + i).html('');
                    status = 1;
                }
            }
            else {
                if ($("#txtCreditCardCvvNo" + i).val().length < 3) {
                    $("#err_cvvno" + i).html('CVV No. should be 3 digit');
                    status = 0;
                }
                else {
                    $("#err_cvvno" + i).html('');
                    status = 1;
                }
            }
        }

3 个答案:

答案 0 :(得分:0)

这样的事情:

var select = document.getElementById('select');
select.addEventListener("change", handleSelectChange);

function handleSelectChange(e){
    switch(e.target.value){
        case: 'AX':
            inputValidationAX();
            break;
        case: 'CA':
            inputValidationCA();
            break;
        case: 'DC':
            inputValidationDC();
            break;
        case: 'TS':
            inputValidationTS();
            break;
        case: 'TP':
            inputValidationTP();
            break;
        case: 'VI':
            inputValidationVI();
            break;
    }
}

答案 1 :(得分:0)

您可以在更改时使用此自定义验证。这是基于不引人注意的验证。

$('select').change(function()
{
    var selectedValue= $(this).val();
    if(selectedValue=="TP")
    {
        $("#textboxId").rules("remove");
    }
    else
    {
       $("#textboxId").rules("add", "required");
    }
});

希望它会有所帮助。

答案 2 :(得分:0)

$('select').change(function() {
    $("#textbox").attr("required", "required");
    if($(this).val()=="TP") $("#textbox").removeAttr("required");
    });

对于HTML5我们可以使用上面的代码。或者只是更改添加删除自定义属性或在函数内进行验证。

干杯!