如何仅在填充第一个文本区域时才需要第二个文本区域
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>
我只想在 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>