验证后未提交Jquery表单

不知道为什么，但我的表格在验证后不会提交。我知道我不应该使用任何名称或ID为“submit”的输入字段，我没有这样做。我假设prevent默认方法是停止提交？如何在提交前进行验证

<form method="post" id="offersForm" enctype="multipart/form-data">
        <input type="text" name="offerTitle" id="offerTitle" maxlength="70" class="form-control yellow" placeholder="Offer title" value="" />


        <input type="submit" id="addOffer" name="addOffer" class="btn button-black" value="Add Offer" />
     </form> 


<script type="text/javascript">
$(document).ready(function() {

  $('#offersForm').submit(function(e) {
        e.preventDefault();
        var offerTitle = $('#offerTitle').val();

        $(".error").removeClass('error');

        if (offerTitle.length < 1) {
            $('#offerTitle').addClass('error');
            return false;
        }

        return true

    });
  });
</script>

$（文档）.ready（函数（）{
$（“#报价单”）.submit（函数（e）{
e、 预防默认值（）；
var offertite=$（'#offertite'）.val（）；
$（“.error”）.removeClass（'error'）；
if（offertle.length<1）{
$（'#offertite'）.addClass（'error'）；
返回false；
}
返回真值
});
});

$（文档）.ready（函数（）{
$（'#addOffer'）。单击（函数（e）{
e、 预防默认值（）；
var offertite=$（'#offertite'）.val（）；
$（“.error”）.removeClass（'error'）；
if（offertle.length<1）{
$（'#offertite'）.addClass（'error'）；
返回false；
}
$（“#报价单”）.submit（）；
返回真值
});
});
请检查一下，我已经修复了您的代码


$（文档）.ready（函数（）{
$（'#addOffer'）。单击（函数（）{
var offertite=$（'#offertite'）.val（）；
$（“.error”）.removeClass（'error'）；
if（offertle.length<1）{
$（'#offertite'）.addClass（'error'）；
返回false；
}
$（“#报价单”）.submit（）；
返回真值
});
});
。错误{
边框颜色：红色；
}

此代码不起作用。如果你可以使用这个插件来解决这个问题。否则，只需使用普通按钮，当按钮单击时，检查您的字段是否为空，如果没有，则检查表单。很好，谢谢-因此，简而言之，不要使用jquery。表单的提交方法，请使用提交按钮上的单击方法，这不是表单提交按钮！现在效果很好，谢谢！