Question

我尝试在ajax验证文本字段后提交Web表单。但我无法保护自己的表格（无论如何，每个人都可以提交）。我想做的是接受提交如果ajax为真，如果ajax为false则不接受：

$('#sample_field').change( function (){
    $.ajax({
        type: 'POST',
        url: 'sample_.php',
        data: $('form').serialize(),
        success: function validate(data) {
            if (data == 1) {
                $("#sample_field").css('background-color', '#00FF00');
                return true;  
} else {    
            $("#sample_field").css('background-color', '#FF0000');

                return false;
            }
        }
    })
}); 

$("#sample_form").submit(function () {
    if(validate()){
        return false;
    } else {
        return true;
    }
    event.preventDefault();

});

Answer 1

您可以简化整个过程：

$('#sample_field').change( function (){
    $.ajax({
        type: 'POST',
        url: 'sample_.php',
        data: $('form').serialize(),
        success: function (data) {
                    if (data == 1) {
                        $("#sample_field").css('background-color', '#00FF00');
                        $("#sample_form").submit();  
                    } else {    
                        $("#sample_field").css('background-color', '#FF0000');
                    }
                }
    });
});

您所要做的就是让sample_.php回声＆＃39; 1＆＃39;成功验证！

在ajax回调之后进行表单验证

1 个答案: