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