javascript - 从头开始将 JS 数组传递给 PHP 以获取联系表单

Question

我正在从头开始创建自己的联系表单。目前，我正在尝试使 JS 通用，因此当我在网站上制作另一个表单时，它将使用相同的代码。

我想获取输入，无论我做得对还是错，并且需要帮助将数组传递给 PHP，PHP 将在数组中传递哪些元素具有 required(true或错误)。

目前我的 JS 数组包括:

var inputData = ({name: $(this).attr('name'), value: $(this).val(), required: $(this).attr('required')});

inputData 是我传递给 php 的数组，它在 php 中经过并验证用户输入的所有信息是否正确。它检查输入是否必需，因为并非所有输入都是必需的。

因此，在我的 PHP 中，我有一个简单的数组，它从 JS 代码获取发布的数据。

$emailData= array(array('f_name' => $_POST['f_name']),
            array('l_name' => $_POST['l_name']),
            array('p_num' => $_POST['p_num']),
            array('contact_email' => $_POST['contact_email']),
            array('message' => $_POST['message']),
            array('botCheck' => $_POST['botCheck'])); 

虽然我只获得值(value)，但我知道为什么会这样。但我不确定如何基本上引导 php 数组从相应的值中获取 required 。

我知道有人可以简单地删除 html 中所需的属性，但我最初的想法是删除数据库中的表单，以便 php 知道真正需要什么，以防有人试图删除所需的属性。这是这样做的方法还是更简单？

Answer 1

从安全 Angular 来看，不建议从客户端发送有关是否推荐某个字段的信息。理想情况下，这应该在服务器端配置。您可以配置 PHP 数组并通过循环 PHP 数组来输出 HTML 上的字段:

// Render
$fields = [
    "f_name" => [
        "required" => true
    ],
    "l_name" => [
        "required" => true
    ],
    "message" => [
        "required" => false
    ],
    // ... configure all your fields here
];

foreach ($fields as $name => $config) {
    echo "<input type='text' name='$name'>";
}

然后在接收数据的脚本中:

// Post - check required fields
foreach ($fields as $name => $config) {
    if (empty($_POST[$name]) && $config["required"]) {
        die("Error! Field $name is mandatory!");
    }
}