输入未验证时停止提交表单(一页 PHP 表单和处理器)

Stop form submission when inputs are not validated (one page PHP form and Processor)

我有一个 PHP 文件,它获取数据然后使用 $_POST 方法显示它。我知道如何使用 PHP:

验证表单的输入
if($data = "") {
echo "This Field Is Required";
}

但是我不知道如何避免表单提交数据。我是否要在此 if 语句中添加新行?我在这个 post - Stop Submit With Empty Input Values Using PHP 中看到了与 header:locations 有关的东西,但我认为这对我不起作用,因为我的表单和处理器在一个文件中。我确信这很简单,但是在浏览网页时很难找到任何答案。感谢您的帮助:)

这是一个前端(客户端验证),您也需要在 PHP(服务器端)验证表单。但是使用 html5 和 js 你可以阻止表单提交,如果它没有被验证。

对于php,您需要在服务器端进行验证。如果无效,则不会保存到数据库,也不应重定向用户。 Return 一些错误消息要求提供更多数据/必填字段。

示例:

$error = [];

if ($offer['year'] < 2014) {
    $error['year'] = 'must be later than 2014';
}
...

if (count($error)) {
   echo "your error msg here"
} else {
   $db->insert('formtable', $form);
}

$(document).ready(function() {
  // loader (after submit)
  $('button[type="submit"]').click(function(e) {
    let formValidity = $('#myform')[0].checkValidity();
    if (formValidity) {
      console.log('Submitted yep!');
    }
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<form id="myform">
  <input type="text" value="" required>
  <button type="submit" value="submit">SUBMIT</button>
</form>
<div id="other">
  Trigger the handler
</div>

这是使用 php.

验证表单的简单示例

Php :

$con = mysqli_connect("localhost","root","","db");

if (mysqli_connect_errno()) {
  echo "Failed to connect to MySQL: " . mysqli_connect_error();
}

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

    if (isset($_POST['submit'])) {
        $fn = mysqli_real_escape_string($con,$_POST['fn']);
        $ln = mysqli_real_escape_string($con,$_POST['ln']);
        $tnc = mysqli_real_escape_string($con,$_POST['tnc']);

        // validation
        if (!empty($fn && $ln)) {
            if ($tnc == 1) {
                echo "Succeed.!";
            }else{
                echo "You must Accept Out T&C.!";
            }
        }else{
            echo "Please fill the required field.!";
        }
    }
}

HTML:

<form action="" method="post">
    <input type="text" name="fn" />
    <input type="text" name="ln" />
    <input type="checkbox" name="tnc" value="1" >Accept T&C.</input>
    <input type="submit" name="submit" />
</form>

这可能正是您想要的。