Question

我正在尝试通过将数据发送到检查有效生日的php文件来检查有效的生日，然后回复$.post处理的数据。

这是我的JavaScript / jQuery：

$('#register_new_user').click(function(evt){
    evt.preventDefault();
    var error_array = new Array();
    var birthday_error_array = new Array();

    // confirm birthday is valid
        var day = $('#day').val();
        var month = $('#month').val();
        var year = $('#year').val();
        var birthday = day + "--" + month + "--" + year;
        $.post('data-test.php?function=birthday',{'birthday':birthday},function(data){
            alert(data);
            if(data != 'valid'){ birthday_error_array.push('error'); error_array.push('error'); }
        });

    // handle birthday validation information
    if(birthday_error_array.length >= 1) {
        $('#birthday_label').css("color","red");
        error_array.push('error');
    } else { $('#birthday_label').css("color","black"); }


    // check for errors if there are errors do not allow the form to be submitted
        if(error_array.length >= 1){
            return false;
        } else { return true; }
});

这是我的php页面：

session_start();
require 'functions/db_functions.php';
require 'functions/functions.php';
if(isset($_GET['function']) && $_GET['function'] == 'birthday' && isset($_POST['birthday'])){
    $birthday = explode('--',$_POST['birthday']);
    if(!checkdate($birthday[1],$birthday[0],$birthday[2])){
        $result = 'invalid';                    
    } else {$result = 'valid';}
    echo $result;
}

我已经确认我的php和其他页面正在通信，因为我可以在$.post函数中提醒有效或无效的返回数据。但是，当我尝试执行上面写的if语句时，它不起作用。它将有效信息视为无效等。我很困惑。

Answer 1

$.post()是异步的，这意味着您提供了一个POST请求完成后调用的回调函数。在调用回调函数之前评估if(birthday_error_array.length >= 1)

您需要检查回调函数中的if(birthday_error_array.length >= 1)。

这样的事情：

$('#register_new_user').click(function(evt){
    evt.preventDefault();
    var error_array = new Array();
    var birthday_error_array = new Array();

    // confirm birthday is valid
    var day = $('#day').val();
    var month = $('#month').val();
    var year = $('#year').val();
    var birthday = day + "--" + month + "--" + year;
    $.post('data-test.php?function=birthday',{'birthday':birthday},function(data){
        alert(data);
        if(data != 'valid'){ birthday_error_array.push('error'); error_array.push('error'); }

        // handle birthday validation information
        if(birthday_error_array.length >= 1) {
            $('#birthday_label').css("color","red");
            error_array.push('error');
        } else { $('#birthday_label').css("color","black"); }
    });
});

Answer 2

我明白了。我改为json，用于php和javascript之间的通信，我也在ajax函数之后使用了.done（）。它没有及时将值添加到错误数组中以运行检查。以下代码正常运行：

JQuery:
var day = $('#day').val();
        var month = $('#month').val();
        var year = $('#year').val();
        var birthday = day + "--" + month + "--" + year;
        var birthdayArray = {"birthday": birthday};

        $.ajax({
          type:    "POST",
          dataType: "json",
          url:     'data-test.php?function=birthday',
          data:    birthdayArray,
          success: function(data) {
            if(data["result"] != 'valid') { 
                birthday_error_array.push('error');
                error_array.push('error');
            }
          }
        }).done(function(){
            if(birthday_error_array.length >= 1) {
                $('#birthday_label').css("color","red");
                error_array.push('error');
            } else { $('#birthday_label').css("color","black"); }
        });

PHP:
if(isset($_GET['function']) && $_GET['function'] == 'birthday' && isset($_POST['birthday'])){
    $birthdayArray = array();
    $birthday = explode('--',$_POST['birthday']);
    if(!checkdate($birthday[1],$birthday[0],$birthday[2])){
        $birthdayArray['result'] = "invalid";                   
    } else {$birthdayArray['result'] = "valid";}
    echo json_encode($birthdayArray); // return final result
}

jQuery $ .post没有正确执行验证

2 个答案: