2017-01-31 3 views
0

Я написал код jquery для отображения, скрыть текстовое поле зависит от значения. поэтому теперь я хочу сделать это текстовое поле обязательным, когда оно появится.Как сделать поле обязательным внутри, если условие else в jquery

код, используемый ниже.

document.getElementById('other').style.display = 'none'; 

$("#donate").change(function(){ 
    var selected = $(this).val(); 
    if(selected == 'item') { 
     document.getElementById('other').style.display = 'block'; 
    } else { 
     document.getElementById('other').style.display = 'none'; 
    } 
}); 

как сделать это обязательным. пожалуйста, кто-нибудь помочь мне сделать это

ответ

-1

Попробуйте это:

$("#donate").change(function(){ 
var selected = $(this).val(); 
if(selected == 'item') { 
    document.getElementById('other').style.display = 'block'; 
    $("#other").prop('required',true); 
} else { 
    document.getElementById('other').style.display = 'none'; 
    $("#other").prop('required',false); 
} 
}); 
+0

Что нового? –

+0

его не работает для меня, можете ли вы сказать, где именно он используется в моем коде –

+0

, когда он показывает себя, вы можете установить его по мере необходимости, когда вам не нужно его удалить, это просто –

0

На кнопку можно сделать следующим образом

var donate = $("#donate").val(); 
if(donate == 'item') { 
    var item = $('#other').val(); 
    if(item == ''){ 
     alert('item is required.'); 
     return false; 
    } 
} 
+0

Я не могу использовать его на кнопке отправки. есть ли другой вариант?, невозможно использовать его в моем коде? –

0

внести некоторые изменения в коде представить

document.getElementById('other').style.display = 'none'; 

$("#donate").change(function(){ 
    var selected = $(this).val(); 
    if(selected == 'item') { 
     document.getElementById('other').style.display = 'block'; 
     document.getElementById('other').getAttribute('required',true); 
     or 
document.getElementById('other').getAttribute('required','required'); 
    } else { 
     document.getElementById('other').style.display = 'none'; 
document.getElementById('other').getAttribute('required',false); 
    } 
}); 

Надеюсь, он вам сейчас поможет

+0

Я не могу вызвать функцию на кнопку отправки. Вот почему я борюсь. вы можете сказать, как это сделать в скрыть, сама функция show –

+0

Да, вы можете это сделать, чтобы записать этот код в шоу и скрыть блок вашего кода .document.getElementById ('other'). setAttribute ('required', true); document .getElementById ('other'). setAttribute ('required', false) – Dani

+0

внутри, если условие? –

2
$("#donate").change(function(){ 

if($("#other").is(":hidden")==false) 
    { 
     if($('#other').val()==""){ 
     alert("Field is required"); 
     return; 
    } 


}); 
Смежные вопросы