监听空白输入，并向按钮添加“disabled”属性，直到注意到输入

Question

我有一个用户输入字段，如果空白，我希望提交按钮被禁用，直到输入框中的一个键被注意到。但是，如果他们空白了输入框，那么按钮再次被禁用。

因此，我想在这个输入按钮中添加“disabled”属性：

<input type="submit" id="mapOneSubmit" value="Submit" [add attribute "disabled" here]>

<input type="text" id="mapOneUserInput" onkeypress="return isNumberKey(event)" oninput="validate(this)">

document.getElementById("mapOneSubmit").setAttribute("disabled"); 

谢谢你！

Answer 1

也检查一下这个。

function checkvalid(el)
{
//e.g i am preventing user here to input only upto 5 characters
//you can put your own validation logic here
if(el.value.length===0 || el.value.length>5)
document.getElementById("mapOneSubmit").setAttribute("disabled","disabled"); 
else
document.getElementById("mapOneSubmit").removeAttribute('disabled'); 

}

<input type='text' id ='inp' onkeyup='checkvalid(this)'>
<button id='mapOneSubmit' disabled>
Submit
</button>