form里面的textarea如何实现输出文字后才能点击按钮,不输出文字不能点击按钮
时间: 2023-06-03 22:07:27 浏览: 178
JavaScript让Textarea支持tab按键的方法
这个问题可以通过在textarea添加oninput事件,在事件内检查textarea里是否有文字,如果有则将按钮状态改为可点击;如果没有则将按钮状态改为不可点击。示例代码如下:
HTML代码:
```
<textarea id="myTextarea" oninput="checkTextarea()"></textarea>
<button id="myButton" disabled>点击按钮</button>
```
JavaScript代码:
```
function checkTextarea() {
var textareaValue = document.getElementById("myTextarea").value;
var button = document.getElementById("myButton");
if (textareaValue) {
button.disabled = false;
} else {
button.disabled = true;
}
}
```
这样实现后,只有当textarea里有文字才能点击按钮。
阅读全文