php - 如何在弹出窗口中显示错误消息而不是移动到新页面？

Question

我是php新手，我也是新来的，我不知道我用这么长的方式问一个问题是否合适。如果这里不是这样做的，我很抱歉。

• 我有以下代码，用于输入问题，有四个选项。
• 在文本框中输入 4 个选项，每个选项都有一个对应的单选按钮。
• 这 4 个按钮中被点击的按钮将是 $ Correct 的值
• $difflevel、$agegroup 和 $catId 又是一组单选按钮的值。

以下是我的代码

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

    extract($_POST);
    $question=mysqli_real_escape_string($con,$question);
    $option[0]=mysqli_real_escape_string($con,$option[0]);
    $option[1]=mysqli_real_escape_string($con,$option[1]);
    $option[2]=mysqli_real_escape_string($con,$option[2]);
    $option[3]=mysqli_real_escape_string($con,$option[3]);

    mysqli_query($con,"insert into questions(question, op1,op2,op3,op4,correct,difflevel,ageGroup,catId) values
    ('$question','$option[0]','$option[1]','$option[2]','$option[3]',$correct,$difflevel,$ageGroup,$catId)") or die("Some error");

    $questionId = mysqli_insert_id($con);

    if($_POST['catId']=="")//QUESTIONS MUST CONTAIN AT LEAST ONE CATEGORY
        die("Please select category of the question entered.");

    if($_POST['difflevel']=="")//DIFFICULTY LEVEL SHOULD BE SET
        die("Please select difficulty of the question entered.");

    if($_POST['ageGroup']=="")//AGEGROUP SHOULD BE SET
        die("Please select age group of the question entered.");

    if($_POST['correct']=="")//CORRECT ANSWER SHOULD BE SET
        die("Please select correct answer for the question entered.");
    }

由于所有字段都是必填字段，因此如果未填写(或单击)所有字段，我需要一个错误报告。现在，当错误发生时，它会被带到一个新页面，因此我输入的所有内容都会丢失，我必须再次输入它们。 因此，是否可以显示一个包含错误的弹出窗口，以便我可以纠正错误并从停止的地方继续，而不是转到下一页？ 非常感谢任何帮助。提前致谢。

Answer 1

如果允许用户通过单击提交按钮来POST表单，页面将重定向到form标签的action参数。然后您将丢失表单上输入的所有数据。有一些解决方法可以使用这种方法来克服这个问题，但它有点奇怪。

但是，不要使用标准 html 表单元素发布表单，而是使用 AJAX 发布表单，然后页面将不会重定向/刷新，并且所有先前输入的表单数据将被保留。然后解析响应文本并相应地放置相应的错误消息。

这是一个例子:

<form>
    <input type="text" id="someText" value="" /><br />
    <button id="submit_button">Submit</button>
</form>

<script type="text/javascript">

$(function(){
    $("#submit_button").click(function(){
        var someText = $("#someText").val();
        $.post("/handle_ajax.php",{someText:someText},function(resp){
            if(resp !== "OK"){
                alert("ERROR OCCURED "+resp)
            }
        });
    });
});

</script>

这是非常简单的 php ajax 处理程序

<?php

if(empty($_POST["someText"])){
    echo "someText field cannot be left blank";
}else{
    echo    "OK";
}

?>

现在，如果您想变得更花哨，不要警告错误消息，而是将所有错误消息以漂亮的 html 表单放入表单中，如果一切正常，则清除它们。