文本框为空,提交按钮为灰色

文本框未输入内容点击提交按钮,利用js实现按钮不可点,或者显示文本未输入。求解

按钮默认disabled,给文本框添加input事件设置按钮的disabled属性
简单示例如下

<input type="text" oninput="btnSubmit.disabled = !this.value;" /><input type="submit" id="btnSubmit" disabled value="提交" />

img


有其他问题可以继续交流~

获取 input 值 给 button设置 disabled属性

给文本框绑定值,然后判断值是否为空如果为空则禁用按钮disabled禁用

您好,我是有问必答小助手,您的问题已经有小伙伴帮您解答,感谢您对有问必答的支持与关注!
PS:问答VIP年卡 【限时加赠:IT技术图书免费领】,了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632