使用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; 
      } 
     }); 
    } 
});