禁用发送按钮
答
通常情况下,我会代码为你,但我有急事,你也必须学会如何寻找自己,所以这里有一个提示:
addEventListener()
,您可以检查通过调用document.body.getElementById('yourInput').length
输入数据的长度,然后可以将button.disabled
属性更改为true(在源代码中设置默认值false
)。所有你需要为你自己做的是找出如何使用addEventListener
答
形式行动= “JavaScript的:aNameForAnAjaxSendPostFunction”
功能aNameForAnAjaxSendPostFunction(){ 如果 ((的document.getElementById( '你的领域')。 value.strlen> 0)){ < <发送请求>> }}
答
做你想要使用的是什么的一种简单方法的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();
}
});
});
答
已初步通过在blur
事件表单元素具有这样的HTML
<input type="submit" id="btnSubmit" disabled="disabled" value="Send" />
然后禁用按钮检查用户是否输入所有需要的数据,当发生这种情况时,使用这样的代码启用按钮:
document.getElementById("btnSubmit").disabled = false;
请出示一些代码。我也在重复,因为这与PHP – 2011-01-20 10:54:00
无关。这不适用于PHP(因为它是服务器端语言)。您需要为此使用JavaScript(客户端)。我个人推荐jQuery,但其他库不仅仅能够提供这种功能。 – 2011-01-20 10:54:32
建议:修改标题并从中取出“PHP”... – lepe 2011-01-20 10:56:16