原生JS灰色按钮激活实现

按钮作为网页设计最常见的交互元素,常常出现在网页的各个角落。在表单提交方面,为了预防误操作,我们一般采用灰色按钮来进行禁用状态,点击按钮后才会跳转到下一步操作页面。但是,当情况需要时,灰色按钮我们是需要激活的。

下面,本文将会讲述如何使用原生JS实现灰色按钮激活功能。

实现思路:通过给按钮添加disabled属性的值来控制禁用按钮状态,以及根据输入框中的内容来判断是否符合条件,以此来动态修改按钮状态。

具体代码如下:

相关信息