Wie man ein zweites Textfeld braucht, nur wenn das erste Textfeld ausgefüllt ist

Question

Ich möchte desg textarea nur dann angeben, wenn name textarea gefüllt ist.

<textarea class="form-control" rows="5" id="name" name="name" onkeyUp="document.getElementById('ref15').innerHTML = this.value"></textarea> 

<textarea class="form-control" rows="5" id="desg" name="desg" onkeyUp="document.getElementById('ref16').innerHTML = this.value"></textarea> 

Answer 1

In dem Keyup-Ereignis von #name überprüfen Sie es Wert. Wenn ein Wert vorhanden ist, fügen Sie das Attribut required zu #desg hinzu.

$('#name').keyup(function() { 
 
    $('#ref15').html(this.value); 
 

 
    var desg = $('#desg'); 
 

 
    if (this.value.trim()) { 
 
     desg.attr('required', 'required'); 
 
    } else { 
 
     desg.removeAttr('required'); 
 
    } 
 
}); 
 

 
$('#desg').keyup(function() { 
 
    $('#ref16').html(this.value); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<textarea class="form-control" rows="5" id="name" name="name"></textarea> 
 
<textarea class="form-control" rows="5" id="desg" name="desg"></textarea>