2011-01-20 79 views
0

我只是有一個要求,禁用表單中的發送按鈕,直到用戶輸入他的data.Can任何一個引導我? 感謝禁用發送按鈕

+0

請出示一些代碼。我也在重複,因爲這與PHP – 2011-01-20 10:54:00

+1

無關。這不適用於PHP(因爲它是服務器端語言)。您需要爲此使用JavaScript(客戶端)。我個人推薦jQuery,但其他庫不僅僅能夠提供這種功能。 – 2011-01-20 10:54:32

+0

建議:修改標題並從中取出「PHP」... – lepe 2011-01-20 10:56:16

回答

0

通常情況下,我會代碼爲你,但我有急事,你也必須學會如何尋找自己,所以這裏有一個提示:

addEventListener(),您可以檢查通過調用document.body.getElementById('yourInput').length輸入數據的長度,然後可以將button.disabled屬性更改爲true(在源代碼中設置默認值false)。所有你需要爲你自己做的是找出如何使用addEventListener

0

形式行動= 「JavaScript的:aNameForAnAjaxSendPostFunction」

功能aNameForAnAjaxSendPostFunction(){ 如果 ((的document.getElementById( '你的領域')。 value.strlen> 0)){ < <發送請求>> }}

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(); 
      } 
    }); 
}); 
1

已初步通過在blur事件表單元素具有這樣的HTML

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

然後禁用按鈕檢查用戶是否輸入所有需要的數據,當發生這種情況時,使用這樣的代碼啓用按鈕:

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