当输入数为 10 个字符时，js 活动按钮

Question

我想在输入字段中的输入数为 10 个字符时，使用 js 自动将禁用按钮更改为活动按钮。

<input type="text" class="form-control" name="client_phone1" placeholder="01**********">
<button type="submit" formaction="{{url('/client-mobile-login')}}" disabled class="mobile-login__button">CONTINUE
</button>

在此输入字段中，字符数为 10，则提交按钮将激活 JS代码是什么？

Answer 1

首先将事件侦听器添加到输入中，然后检查值是否等于 10 并禁用该按钮。

<input type="text" name="Thing" id="Thing" value="" />
<button type="submit" formaction="{{url('/client-mobile-login')}}" id='mybtn' class="mobile-login__button">CONTINUE
</button>
window.onload = function() {
/* event listener */
document.getElementById("Thing").addEventListener('keyup', doThing);
/* function */
function doThing() {
console.log(this.value)
if (this.value.length === 10) {
document.getElementById("mybtn").disabled = true;
} else {
document.getElementById("mybtn").disabled = false;

}
}
}

编辑：JSFiddle 上的示例 JSFiddle