Question

我有我的HTML表单。我需要点击“提交”按钮（验证）后，它必须显示包含在 action_page_post.php 文件中的信息。

请问我该怎么做？我需要在此文件中包含一些内容吗？

<!DOCTYPE html>
<html>
<head>
<script>
function validateForm() {
    var x = document.forms["myForm"]["fname"].value;
    if (x == "") {
        alert("First Name must be filled out");
        return false;
    }
    
    var y = document.forms["myForm"]["sname"].value;
    if (y == "") {
        alert("Surname must be filled out");
        return false;
    }
}
</script>
</head>
<body>

<form name="myForm" action="/action_page_post.php"
onsubmit="return validateForm()" method="post">

First name: <input type="text" name="fname"><br><br>
Surname: &nbsp&nbsp<input type="text" name="sname">
<br><br>
&nbsp
<input type="submit" value="Submit">
</form>

</body>
</html>

Answer 1

我认为你在这里不需要任何其他东西。默认情况下，从PHP返回的任何内容（echo）都将呈现为新的DOM。

只检查返回的（echo）代码是否正确。

您可以查看：HTML form method Attribute和GET vs POST

Answer 2

您的html表单很好，html页面将通过表单中的action属性知道您的php文件的位置。

在action_page_post.php文件中添加以下代码

<?php

//get the form inputs using php global variable post
$firstname = $_POST['fname'];
$surname = $_POST['sname'];

//then echo out the data or manipulate it in whatever way you wish

echo $firstname . "<br/>";
echo $surname;

?>

希望这有帮助

Answer 3

您可以按如下方式编写action_page_post.php。

<?php
$fname = $_POST['fname'];
$sname = $_POST['sname'];

echo "First name: $fname.\n";
echo "Surname: $sname.\n";
if ($fname != $sname) {
    echo "The name you typed do not match!";
}
?>

如何在HTML表单验证后显示来自php文件的数据

3 个答案: