Javascript AJAX表单仍在使用Happy.js提交（在Safari中）

HTML5验证在Safari中不起作用，所以我使用Happy.js。 我的表单仍在Safari中通过ajax提交，不过代码如下（如下所示）

在使用ajax发送表单之前，如何验证电子邮件输入

下面的代码正在检查

如果（$（this）.hasClass（'unful'））

则不提交表单，如果没有class

unful

则提交表单。但我想问题是，它从一开始就没有class

unhappy

。 根据本参考使用：

  $(document).ready(function() {
    function ajaxEmailForm() {
        $(".sendingEmailLink, .sentEmailLink").hide();
        $('#email-form').submit(function(event) {
            event.preventDefault();
            var formserialize = $(this).serialize();
            var submitButton = $('#submitEmailForm');
            $.ajax({
                type: 'POST',
                url: 'https://formkeep.com/f/MYID',
                accept: {
                    javascript: 'application/javascript'
                },
                data: formserialize,
                beforeSend: function() {
                    $(".sendEmailLink").hide();
                    $('.sendingEmailLink').show();
                },
                complete: function() {
                    $(".sendingEmailLink").hide();
                },
                success: function(d) {
                    $('.sentEmailLink').show();
                },
                error: function() {
                    $('.notification-e--phone').slideDown("medium", function() {});
                },
            }).done(function(data) {
                submitButton.prop('disabled', 'disabled');
            });
        });
    };
    $('#email-form').isHappy({
        fields: {
            '#email-input': {
                required: true,
                test: happy.email,
                message: 'Please enter your full email address.',
                errorTarget: '.email-input-error'
            }
        }
    });
    var is_unhappy = false;
    $('#email-form div :input').each(function(i) {
        if ($(this).hasClass('unhappy')) {
            is_unhappy = true;
            return false;
        }
    });
    if (!is_unhappy) {
        ajaxEmailForm();
    };
  });