“提交”验证错误后的 ajax 表单答案

【问题标题】：ajax form after 'submit' validation errors“提交”验证错误后的 ajax 表单
【发布时间】：2013-05-22 15:59:48
【问题描述】：

我使用 ajax 和 php 创建了一个表单。初始加载和在表单中输入值都可以正常工作，但是我遇到错误的地方是在按下提交按钮之后。这是表单的标记，以及 ajax 和 php 处理程序：

表格的相关部分：

<form id="edit_time">

 <!-----form fields here----!>


<button class="saveRecurrence" type="button" onclick="editTimeDriver('.$_GET['driver_id'].')">Save</button>

ajax 部分：

function editTimeDriver(driver_id) {
var time = "";
if (driver_id)
{
time += "&driver_id="+driver_id;
}

var data = $("#edit_time").serialize();

$.ajax({
    url: "ajax.php?action=save_driver_event"+time,
    dataType: "json",
    type: "post",
    data: data,
    beforeSend: function()
    {

        $(".error, .success, .notice").remove();

    },
    success: function(json)
    {
        if (json["status"]=="success")
    {
        alert(json["message"]);

        $("#edit_time")[0].reset();

    }else{

        if(json["error"]["date_from"]){
        $("input[name=date_from]").after("<div class="error">"+json_time["error"]["date_from"]+"</div>");
        }

    }       
    }

});

}

然后传递给php部分：

$json = array();


 if(!empty($_SERVER['HTTP_X_REQUESTED_WITH']) && strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest') {

$date_from = tep_db_prepare_input($_POST['date_from']);


if (preg_match("/^([0-9]{4})-([0-9]{2})-([0-9]{2})$/", $date_from)) {

$json['error']['date_from'] = 'Start Date is not valid!';
}



if (isset($json['error']) and !empty($json['error'])){

    $json['status'] = 'error';

    $json['message'] = 'Please check your error(s)!';

}else{

    $json['status'] = 'success';

    $json['message'] = 'Time Data has been successfully updated!';

}
}

echo json_encode($json);

现在由于某种原因，如果date_from 字段留空，并且提交的表单，它不会返回错误消息，而是返回成功消息。谁能告诉我为什么它没有读取错误？

【问题讨论】：

标签： php ajax forms

【解决方案1】：

用这个改变你的代码

onclick="editTimeDriver('<php echo $_GET['driver_id'] ?>'); return false;"

return false 语句阻止使用 http 提交表单（因为您要发送 ajax 请求）

而你用你的$_GET['driver_id']做了一些奇怪的事情

别忘了php是在服务器端运行的

【讨论】：