如何僅在第一個textarea填充時才需要第二個textarea

Question

只有在name textarea填充後，我才需要根據需要製作desg textarea。

<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

在keyup事件#name檢查它的值。如果存在值，則將required屬性添加到#desg否則刪除。

$('#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>