Question

我只是要求在表单中禁用发送按钮，直到用户输入他的数据。任何人都可以指导我吗？感谢

Answer 1

最初通过使用此类HTML

禁用该按钮

<input type="submit" id="btnSubmit" disabled="disabled" value="Send" />

然后在表单元素的blur事件中检查用户是否输入了所有必需的数据，当发生这种情况时，请使用以下代码启用该按钮：

document.getElementById("btnSubmit").disabled = false;

Answer 2

通常情况下，我会为你编码，但我很着急，你必须学习如何自己搜索，所以这里有一个提示：

addEventListener()，您可以通过调用document.body.getElementById('yourInput').length来检查输入中的数据长度，然后您可以将button.disabled属性更改为true（设置默认值{源代码中的{1}}。您需要为自己做的就是找出如何使用false

Answer 3

form action =“javascript：aNameForAnAjaxSendPostFunction”

function aNameForAnAjaxSendPostFunction（） { if（（document.getElementById（'your field'）。value.strlen＆gt; 0）） { ＆LT;＆LT;发送请求＆gt;＆gt; } }

Answer 4

使用JQuery执行所需操作的简单方法：（如果您只有输入文本，则此方法有效）

HTML：

<form method='POST' action=''>
<input type='text' name='name' />   
<input type='text' name='phone' />
<input type='text' name='email' />
<button type='submit' disabled='disabled'>Send</button>
</form>

使用Javascript：

$(function() {
     $("input").change(function() {
          if($("input[value='']").length == 0) {
               $("button").removeAttr("disabled");
          } else {
               //disable again if a field is cleared
               $("button").attr("disabled",true); 
               alert("Please fill all fields");
               $("input[value='']").eq(0).focus();
          }
     });
});

禁用发送按钮

4 个答案: