php提交之前验证数据ajax提示,在通过Ajax请求提交之前使用jQuery进行表单验证

在尝试使用Ajax请求将表单提交到我的php脚本之前,我试图让我的表单进行验证.我查看了stackoverflow并没有找到有用的东西.

我有3个输入和一个提交按钮：

$(document).ready(function() {

function validator(){

return $('form').validate();

}

$('form').on('submit', function(e) {

e.preventDefault();

$.ajax({

dataType: 'html',

type: 'post',

url: 'mail.php',

data: $('#contact-form').serialize(),

beforeSubmit: validator,

success: function(responseData) {

$('#contact-submit').remove();

$('#messageResponse').fadeIn(1000);

$('#messageResponse').html(responseData);

},

error: function(responseData){

console.log('Ajax request not recieved!');

}

});

// resets fields

$('input#full-name').val("");

$('input#email').val("");

$('textarea#message').val("");

})

});

我应该使用插件吗？我想要的只是用红色边框颜色验证的名称,电子邮件和消息.这给了我一个很头疼的问题,明天我将与客户会面,以确定网站的最终结果.如果我找不到合适的解决方案,我不会问问题.