jquery/ajaxフォームをどのように検証しますか？

Question

私はこのフォームにサインアップしています。これは、ボタンを押すたびにデータベースに追加されるデータがなくても、毎回送信してイベントが発生するため、どのように検証するのですか？

<form id="signupform" class="form" method="post" action="#"> 
    <div class="input-prepend" ><span class="add-on"><i class="glyphicon glyphicon-user"></i></span> 
     <label for="name">Your Full Name</label> 
      <input type="text" id="name" name="name" placeholder="your full name" size="40"> 
    </div> 

    <br /> 

    <div class="input-prepend"><span class="add-on"><i class="glyphicon glyphicon-envelope"></i></span> 
      <label for="email">Your Email</label> 
       <input type="email" id="email" name="email" placeholder="your@email.com" size="40" style="color:black;" class="validate" required> 
    </div> 

    <br /> 

    <button type="submit" class="btn btn-large" name="action"> Sign Up!</button> 
</form> 

、これは私が私のjqueryのコードのために持っているものです：：これは、これまでに私のコードです

$(document).ready(function(){ 
     jQuery("#signupform").on("submit",function(e){ 
      e.preventDefault(); 
      var name = jQuery("#name").val(); 
      var email = jQuery("#email").val(); 
      var fd = new FormData(); 
      fd.append("name",name); 
      fd.append("email",email); 
      jQuery.ajax({ 
       type: 'POST', 
       url: 'signup.php', 
       data: fd, 
       processData: false, 
       contentType: false 
      }) 
      jQuery('#signupform')[0].reset();  

     }); 


    }); 

Answer 1

$(document).ready(function(){ 
     jQuery("#signupform").on("submit",function(e){ 
      e.preventDefault(); 
      var name = jQuery("#name").val(); 
      var email = jQuery("#email").val(); 

      if (!nome || !email || !email.match(/.+@.+[.].+/)) 
      { 
       alert("complete the form before submit"); 
       return; 
      } 

      var fd = new FormData(); 
      fd.append("name",name); 
      fd.append("email",email); 
      jQuery.ajax({ 
       type: 'POST', 
       url: 'signup.php', 
       data: fd, 
       processData: false, 
       contentType: false 
      }) 
      jQuery('#signupform')[0].reset();  

     }); 


    });