我的下拉列表中有以下值: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;
}
}
}
答案 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我们可以使用上面的代码。或者只是更改添加删除自定义属性或在函数内进行验证。
干杯!