表单验证，阻止post请求

问题遇到的现象和发生背景

一个表单验证的问题，表单未填写完整，js已经提醒必须填写，但是按提交按钮仍然能把表单的内容给submit

问题相关代码，请勿粘贴截图

 $.ajax(
                {
                    type:".........",
                    url:".......",
                    dataType:"...........",
                    beforeSend:"........",
                    success:"..........",
                    error:"...........",
                    complete:"........",
                });

运行结果及报错内容

哪怕表单为空，也会直接把表单内容提交到服务器了

我的解答思路和尝试过的方法

IF(...........){
$.ajax（..........）
}

我想要达到的结果

如果表单为空，则不发送ajax请求

应该小写if

在点击按钮的时候先进行验证，验证通过在提交请求

那大概是你的if判断出现了问题，不通过判断不会执行ajax