Javascript 不存在错误时不提交jQuery ajax表单

我使用jQuery&PHPMailer（）提交了一个表单。如果存在错误，则它们将显示在表单上方，例如“名称是必填字段”，但是，当所有字段都正确填写时，表单顶部仍然显示一个空的

警报危险

框，并且不会提交

jQuery

var form = jQuery("#contact-form");
form.submit(function(e) {
    e.preventDefault();
    jQuery('#submit').attr("disabled", true);
    jQuery.ajax({
        url:      '/process-contact.php',
        type:     'POST',
        data:     form.serialize(),
        dataType: 'json'
    }).done(function(data) {
        jQuery('#messages').removeClass();
        if (data.code === 1) {
            form[0].reset();
            jQuery('#messages').addClass('alert alert-success');
            jQuery('#submit').attr("disabled", false);
        } 
        else {
            jQuery('#messages').addClass('alert alert-danger');
            jQuery('#submit').attr("disabled", false);
        }
        jQuery('#messages').html(data.message);
        jQuery('html, body').animate({
            scrollTop: jQuery("#messages").offset().top
        }, 1000);
    });
});

HTML

<form class="contactForm" id="contact-form" name="contact-form">
    <div class="row">
        <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
            <div class="form-group">
                <label for="name">Name</label> 
                <input class="form-control" id="name" name="name" placeholder="Your Name" type="text">
            </div>
            <div class="form-group">
                <label for="email">Email Address</label>
                <input class="form-control" id="email" name="email" placeholder="Your Email" type="text">
            </div>
            <div class="form-group">
                <label for="subject">Subject</label>
                <input class="form-control" id="subject" name="subject" placeholder="Subject" type="text">
            </div>
        </div>
        <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
            <div class="form-group">
                <label for="name">Message</label>
                <textarea class="form-control" name="message" placeholder="Message"></textarea>
            </div>
        </div>
        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
            <button class="btn btn-skin pull-right" name="submit" id="submit" type="submit">Send Message</button>
        </div>
    </div>
</form>

名称
电子邮件地址
主题
消息
发送消息

每次单击后，删除类

警报危险

form.submit(function(e) {
 jQuery('#messages').removeClass('alert-danger');
 ........

---

此

警报危险

框来自何处？不是在您显示的任何代码中，您可以控制台。记录数据，并查看其中的内容。错误可能在表单处理中，而不是在JS中。@JaromandaX它在表单上方的一个div中，这是错误/成功消息出现的地方，执行此操作的代码在哪里？@JaromandaX它是一个PHPMailer脚本