如何仅在填充第一个文本区域时才需要第二个文本区域

How to make second textarea required only if first textarea is filled

我只想在 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>

#name 的 keyup 事件中检查它的值。如果值存在,则将 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>