フォーム提出中の入力ボックスの妥当性確認

Question

私は、入力ボックスが必要である= "必須"と入力ボックスが動的に表示されるようなフォームを作成しました。このフォームをajaxで送信しています。必要なフィールドが空であれば、Jquery/Ajaxを介して何かを警告したいと思います。入力ボックスの名前は、name []、roll []のように動的です。どうすればこれを達成できますか？

//サンプル

<form action="page.php"> 
    <div class="form-group"> 
    <label style="font-size:15px">Name</label> 
    <input type="text" name="name[]" class="form-control" placeholder="Enter your name" value="" required> 
    <input type="text" name="class[]" class="form-control" placeholder="Enter your class" value=""> 
    </div> 
</form> 

同じ入力ボックスは、さらに追加でクリックすることにより、動的に来て、私はそれを提出する必要があり、必要なフィールドが空の場合のjQueryを介してメッセージを通知します。

Answer 1

onblur関数を使用できます。ユーザが入力ボックスをクリックすると、onfocus関数がトリガされ、その後、ユーザが入力ボックスのどこかをクリックすると、onblur関数がトリガされます。入力の値がのonblur関数は、以下のコードのようにtriggeresとき空かないのであれば、次のことが確認できます。

<input type="text" name="name[]" class="form-control" 
    placeholder="Enter your name" value="" 
    onblur="if (this.value=='') alert('MY MESSAGE');" 
    required> 

は、あなたが何を望むか、このですか？それは動作しましたか？私にお知らせください。

EDIT

ユーザーがクリックは、あなたがこのように入力ボックス（例えばinputId）にIDを与える必要が提出したときにアラートを得るために：

<input id="inputId" type="text" name="name[]" class="form-control" 
    placeholder="Enter your name" value="" 
    onblur="if (this.value=='') alert('MY MESSAGE');" 
    required> 

し、その後にこれを追加あなたのformタグ：

<form id="main_form" action="" 
    onsubmit="if (inputId.value=='') { alert('MY MESSAGE'); return false; }"> 

AJAXコード：

function register_post() { 
    $.ajax({ 
     url: "check.php", 
     type: "POST", 
     data: new FormData($("#main_form")[0]), 
     contentType: false, 
     cache: false, 
     processData: false, 
     success: function(data) { 
      $("#get_det").html(data); 
      document.getElementById("register_post").submit(); 
     }, 
     error: function(data) { 
      alert("There was an error. Please check details and try again."); 
     } 
    }); 
}