проверки на основе выпадающего значения, выбранного в JavaScript

Question

Я следующие значения в моем раскрывающемся списке: AX, CA, DC, TS, TP, VI

Существует один текстовое поле. На основе выпадающего значения должна быть выбрана валидация, т. Е. Если я выберу TP, он может разрешить null/blank, но для других значений он не должен быть пустым.

Как я могу это достичь?

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; 
       } 
      } 
     } 

Answer 1

Что-то вроде этого:

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; 
    } 
} 

Answer 2

Вы можете использовать эту пользовательскую проверку на изменения. Это основано на ненавязчивой проверке.

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

Надеюсь, это поможет.

Answer 3

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

для HTML5 мы можем использовать вышеуказанный код. или просто измените add, удалите свой пользовательский атрибут или выполните проверку внутри функции.

Cheers!