jqueryのelse条件の場合にフィールドを必須にする方法

Question

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

これを強制する方法。誰もがこの

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

Answer 2

では、あなたのコード内のいくつかの変更を加え

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

Answer 3

を次のようにあなたが行うことができます送信ボタンを

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

私はそれが今あなたを助けることを願っています

Answer 4

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

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


});