禁用发送按钮

我只是有一个要求，禁用表单中的发送按钮，直到用户输入他的data.Can任何一个引导我？感谢禁用发送按钮

2011-01-20 Rashmi

请出示一些代码。我也在重复，因为这与PHP – 2011-01-20 10:54:00

无关。这不适用于PHP（因为它是服务器端语言）。您需要为此使用JavaScript（客户端）。我个人推荐jQuery，但其他库不仅仅能够提供这种功能。 – 2011-01-20 10:54:32

建议：修改标题并从中取出“PHP”... – lepe 2011-01-20 10:56:16

通常情况下，我会代码为你，但我有急事，你也必须学会如何寻找自己，所以这里有一个提示：

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

来源

2011-01-20 10:56:57 LostInTheCode

形式行动= “JavaScript的：aNameForAnAjaxSendPostFunction”

功能aNameForAnAjaxSendPostFunction（）{ 如果（（的document.getElementById（ '你的领域'）。 value.strlen> 0））{ < <发送请求>> }}

来源

2011-01-20 10:59:28 zozo

做你想要使用的是什么的一种简单方法的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(); 
      } 
    }); 
});

来源

2011-01-20 10:59:59 lepe

已初步通过在blur事件表单元素具有这样的HTML

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

然后禁用按钮检查用户是否输入所有需要的数据，当发生这种情况时，使用这样的代码启用按钮：

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

来源

2011-01-20 12:46:26

禁用发送按钮

回答

相关问题