如果输入为空，则禁用提交按钮 - JavaScript

在网页表单中，当用户需要输入信息时，经常需要判断用户是否已经输入了数据。如果输入为空，则需要禁止提交按钮，以避免不必要的操作。这种情况下，可以使用JavaScript编写代码来实现自动禁用提交按钮。

实现思路

可以通过以下步骤实现：

1. 获取输入框并为其添加事件监听器，以便在输入框中输入文本时触发事件。
2. 在事件处理程序中获取输入框的值，如果值为空，则禁用提交按钮，否则启用。
3. 如果用户取消了输入，同样需要禁用提交按钮。

代码实现

// 获取输入框和提交按钮
const input = document.querySelector('#input')
const submit = document.querySelector('#submit')

// 添加事件监听器
input.addEventListener('input', function () {
  // 获取输入框的值
  const value = input.value.trim()
  // 禁用或启用提交按钮
  submit.disabled = !value
})

上面的代码中，我们首先使用 document.querySelector 获取输入框和提交按钮元素，然后使用 addEventListener 为输入框添加事件监听器。在事件处理程序中，我们使用 input.value.trim() 获取输入框的值，并使用 !value 判断其是否为空。如果为空，则禁用提交按钮，否则启用。

总结

本文介绍了如何使用JavaScript实现禁用提交按钮；实现思路是通过获取输入框的值，并根据其是否为空来禁用或启用提交按钮。上述代码只是一个简单的示例，可以根据实际情况进行修改和扩展。