javascript - 在提交之前验证表单

Question

我在做什么
我正在使用 jquery 在发送到服务器之前验证表单。
我正在验证每个输入，如果其中任何一个返回 false，我会调用 event.preventDefault() 并显示错误。(如果它返回 true，我什么都不做...)
< br/>问题
它工作正常，脚本总是在表单发送之前运行，但现在我正在验证电子邮件，使用 ajax - 检查电子邮件是否已经在数据库中或者域是否存在......但是当ajax 启动，表单不会等到其完成，并在 ajax 完成和输入验证之前发送自身。

也许有一些解决方案
我可以调用 event.preventDefault() ，在验证完成并返回 true 后，我可以尝试通过 unbind 撤消 preventDefault perhabs 和然后通过jquerysubmit再次提交表单。

或者也许我可以做 onsubmit="checkInputs();" 并且它应该等到它返回 true 或 false...

解决方案 - 改编自用户接受的答案 Mirage

function validate(){
    $.ajax({
        url: 'http://google.nl',
        async: false,
        type: "POST",
        data: {test:'request'},
        success: function(data){
            console.log(data);
        }
    });    
    return data; // important
}

Answer 1

尝试添加

async: false

示例:

$.ajax({
    url: 'http://google.nl',
    async: false,
    type: "POST",
    data: {test:'request'},
    success: function(data){
        console.log(data);
    }
});