使用HTML5表單驗證和jQuery將數據發送到數據庫

Question

進出口尋找使用HTML5，用於訂閱的形式。 電子郵件使用電子郵件類型和必填項。 我點擊提交時通過ajax發送數據到另一個頁面時，我正在運行一個jQuery腳本。 問題是，即使HTML5驗證顯示錯誤，jquery腳本仍在運行。如果顯示錯誤，我該如何停止腳本運行。

<form class="subscribe" id="email" method="get"> 
    <input class="email" id="emailaddress" name="email" type="email" placeholder="EXAMPLE@EMAIL.COM" required> 
    <input class="button" type="button" id="emailSub" value="Subscribe"> 
</form> 

$('#emailSub').on('click', function(){ 
    var email = $('#emailaddress').val(); 
    $.ajax({ 
     type:"GET", 
     url: "doSubscribe/", 
     data: {email: email}, 
     success: function(result){ 
      $('#subResult').html(result); 
     } 
    }); 
}) 

Answer 1

$(document).ready(function(){ 
    $('#email').submit(function(){ 
     doAjax(); 
     return false; 
    }) 
    function doAjax(){ 
     var email = $('#emailaddress').val(); 
     $.ajax({ 
      type:"GET", 
      url: "doSubscribe/", 
      data: {email: email}, 
      success: function(result){ 
       $('#subResult').html(result); 
       return false; 
      } 
     }); 
    } 
});