送信ボタンを無効にする

Question

ユーザーがデータを入力するまでフォームの送信ボタンを無効にする必要があります。

addEventListener()、そしてあなたが確認できます。 感謝

Answer 1

通常ので、ここでヒントですが、私はあなたのためにそれをコーディングだろうが、私は急いでよ、あなたは自分自身を検索する方法を学ぶ必要がありますdocument.body.getElementById('yourInput').lengthを呼び出して入力内のデータの長さを指定し、button.disabledプロパティをtrue（デフォルト値falseをソースコードにする）に変更することができます。 （（のdocument.getElementById（ 'あなたのフィールド'）場合

関数aNameForAnAjaxSendPostFunction（） { ：あなたがあなた自身のためにやらなければならないことは、addEventListener

Answer 2

にフォームアクション= "aNameForAnAjaxSendPostFunctionはJavaScript" を使用する方法を見つけることです。 value.strlen> 0）） { < < SEND要求>> } }

Answer 3

あなたは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(); 
      } 
    }); 
}); 

Answer 4

持って、最初にフォーム要素のblurイベントに続いて、このようなHTML

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

を持っていることによって無効ボタンがユーザーかどうかを確認必要なすべてのデータを入力し、このような場合は、そのようなコードを使用してボタンを有効にしてください：

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