如何基于输入长度校验动态禁用JavaScript提交按钮
在表单交互场景中，经常需要根据用户输入实时控制提交按钮的可点击状态——例如输入字符数达到某个阈值才允许提交。但如果错误绑定 change 事件，会发现按钮状态更新总是滞后一拍，因为它仅在元素失去焦点时触发，键盘敲击半天按钮依然呈灰色不可用。正确的解决方案是监听 input 事件，该事件能在每次输入值变化时瞬间响应，涵盖按键、粘贴、拖放甚至浏览器自动填充等情况。下面给出一个完整可运行的示例代码，并解析几个关键注意事项。
表单中动态控制按钮状态，核心在于选择恰当的事件类型。change 事件看似合理，但其触发时机为元素失焦（blur），无法捕捉输入过程中的中间状态变化。而 input 事件在 或