使用HTML5表单验证和jQuery将数据发送到数据库

我希望使用HTML5作为订阅表单。 电子邮件类型和必填项用于电子邮件。 我正在运行jquery脚本，单击submit通过ajax将数据发送到另一个页面。 问题是，即使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);
        }
    });
})

$（'#emailSub'）。在（'click'，function（）上{
var email=$（'#emailaddress'）.val（）；
$.ajax({
键入：“获取”，
url:“doSubscribe/”，
数据：{email:email}，
成功：功能（结果）{
$（'#subResult'）.html（结果）；
}
});
})

为什么不使用

$（'#email'）.submit（function（）{}）

？即使您当前的代码已经在这里工作了——如果html调用错误，我不希望它执行jquery。如果电子邮件无效，则不应显示“works”。所以你有没有试过

$（'#emailSub'）。在（'submit'

或

$（'#email'）。submit（function（）{}）

？两者都很累，甚至将我的提交类型从按钮改为submit和Back。我曾经使用过它，但它对我不起作用，但在使用了你在那里展示的那一个之后，它确实起作用了。可能是我复制了错误或是什么。现在使用它。非常感谢：D

$(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;
            }
        });
    }
});