1

我有一个带有两个输入的小反馈表。我希望错误消息使用 JQuery 在同一个 div 中相互附加。如果只有一条错误消息，则错误消息可以正常工作，但是当我返回两个 json 对象时，两条消息不会同时显示。是否可以向 JQuery 返回 2 个具有相同键的关联数组？如何将错误消息附加到同一个 div？除了错误消息的显示方式外，一切正常。

注意：这个程序是一个 JQuery 移动应用程序

PHP 代码

if (isset($_POST['submit'])) {

    $email = $_POST['email'];
    $feedback = $_POST['feedback'];
    $errors = array();

    if (filter_var($email, FILTER_VALIDATE_EMAIL) && !empty($email)) {
                 //Do something
    } else {
        $errors = "Invalid email.";
        echo json_encode(array("error" => "{$errors}"));

    }

    if (!empty($feedback)) {
                //Do something
    } else {
        $errors = "Feeback field can not be empty.";
        echo json_encode(array("error" => "{$errors}"));
    }

    if (empty($errors)) {
        //Database Insertion here
        echo json_encode(array("success" => "Feedback submission successful."));
    }
}

jQuery 代码

$(function() {
    $('#contact_form').bind('submit', function(event) {
        event.preventDefault();
        $.post('includes/form.php', $(this).serialize(), function(data) {
            if (data.error) {

                $('.error').slideDown(100).html(data.error);

            } else {
                $('.error').hide();
                $('.success').slideDown(100).html(data.success);
            }

        }, "json");
    });
});

HTML 表单代码

         <form method="post" action="<?php echo $_SERVER['PHP_SELF'] ?>" id="contact_form" data-ajax="false">
            <label for="email">Email:</label>
            <input type="text" name="email" id="email" placeholder="Email">

            <label for="feedback">Feedback:</label>
            <textarea type="text" name="feedback" id="feedback" placeholder="Feedback"></textarea>              
            <input type="submit" name="submit" value="Submit Feedback" class="submit">

        </form>

先感谢您。

编辑：我觉得很傻。我忘了在 php 脚本中附加错误消息哈哈。感谢所有回答的人。

4

3 回答 3

2

您不能将 1 个键映射到 2 个值。

于 2012-07-02T02:32:42.990 回答
1

我建议使用更简单的一维数组结构来存储错误消息：

$errors[0] = 'error message one';
$errors[1] = 'error message two';

从服务器输出它们：

echo json_encode($errors);

然后jQuery.each()在获得 POST 响应后使用迭代数组：

$.each(error, function() {
    // do something with each error
});
于 2012-07-02T04:33:49.437 回答
1

您可以在回显 json 格式的输出之前连接所有错误

例如

 if (isset($_POST['submit'])) {

$email = $_POST['email'];
$feedback = $_POST['feedback'];
$errors = "";

if (filter_var($email, FILTER_VALIDATE_EMAIL) && !empty($email)) {
             //Do something
} else {
    $errors .= "Invalid email.<br/>";


}

if (!empty($feedback)) {
            //Do something
} else {
    $errors .= "Feeback field can not be empty.<br/>";
}

if ($errors != "") {
    echo json_encode(array("success" => "Feedback submission successful."));
}else{
    echo json_encode(array("error" => $errors));
}
于 2012-07-02T06:49:30.817 回答