类型为“提交”的按钮元素PHP 挑战

Question

最近，我在表单中从 更改为 ，但是 PHP 处理的表单不会提交给数据库。我的代码中遗漏了什么吗？

基本上我所做的就是改变这个：

<input type="submit" name="submitAdd" value="Ask Question! " />

对此：

<button type="submit" class="btn" name="submitAdd"><span><span>Ask Question!</span></span></button>

这是基本的 PHP 处理代码：

//Extract question from submission
$question = (isset($_POST["question"]))?$_POST["question"]:"";
$question_date = (isset($_POST["question_date"]))?$_POST["question_date"]:"";
$submitAdd = (isset($_POST["submitAdd"]))?$_POST["submitAdd"]:"";

//Open connect to database 
include("include/session.php");

//Prepare data for submission
$db_question = addslashes($question);
$db_question_date = addslashes($question_date);

//If form has been submitted, insert question into database
if ($submitAdd) {
    $sql ="INSERT INTO questions
    (question,question_date)
    VALUES ('$db_question', '$db_question_date')";
    $result = mysql_query($sql);
    if (!$result) {
        $message = "Failed to add question. MySQL said " . mysql_error();
    } else {
        header("Location:http://localhost/grill/register.php"); 
    }
}

Answer 1

它不起作用，因为按钮版本没有价值。你的代码说：

$submitAdd = (isset($_POST["submitAdd"]))?$_POST["submitAdd"]:"";

但是你有：

<button type="submit" class="btn" name="submitAdd"><span><span>Ask Question!</span></span></button>

将其与：

<input type="submit" name="submitAdd" value="Ask Question! " />

它具有 value 属性进行比较。该值将传递给 PHP 脚本，并且是您正在测试的值。您的 没有。

如果 $submitAdd 没有值，即使单击，其值也将为 ''。当您执行此操作时，空字符串的计算结果为 false：

if ($submitAdd) {

因此，我建议进行一些更改。首先，将其更改为：

$submitAdd = (isset($_POST["submitAdd"]))?$_POST["submitAdd"]:"";

因为

$submitAdd = isset($_POST['submitAdd']);

您并不真正关心该值。

其次，与此无关但仍然值得一提的是，我会这样做：

$db_question = mysql_real_escape_string($question);
$db_question_date = mysql_real_escape_string($question_date);
$sql = <<<END
INSERT INTO QUESTIONS (question, question_date)
VALUES ('$db_question', '$db_question_date')
END;

Answer 2

1. 隐藏 submitAdd 输入字段
2. 单击按钮时调用 Javascript 函数

标记：

<input type="hidden" name="submitAdd" value="Ask Question! " />

<button type="submit" onclick="submitForm();" class="btn" name="submitAdd">
<span><span>Ask Question!</span></span></button>

Javascript：

function submitForm(){
    document.forms["form_name"].submit();
}

不过我不推荐这样做，因为您将依赖 javascript 来提交表单。但即使是 gmail 也是这样做的:P

Answer 3

我猜测 标签不会被提交，因此不会出现在 $_POST 中。只需在脚本顶部执行此操作即可验证：

print $_POST["submitAdd"];

为什么要从输入更改为按钮？我建议添加一个名为 form_action 的隐藏字段或类似的内容，并将您的 if 逻辑基于该... if ($_POST['form_action']) 而不是 if ($submitAdd)。

Answer 4

Per w3schools.com

重要提示：如果您在 HTML 表单中使用按钮元素，不同的浏览器将提交不同的值。 Internet Explorer 将提交 和 标签之间的文本，而其他浏览器将提交 value 属性的内容。使用 input 元素在 HTML 表单中创建按钮。

http://www.w3schools.com/tags/tag_button.asp

Answer 5

有同样的问题，我的解决方案不使用 javascript。基本上和用户vsr之前的回答是一样的。

添加包含您想要提交的数据的隐藏输入：

<input name="submitAdd" type="hidden" value=" Ask Question! ">

以其他方式命名该按钮：

<button type="submit" class="btn" name="submitsForm"> Ask Question! </button>

该按钮将提交表单，并且您想要的数据将位于隐藏输入中，并且可以很好地进一步提交。希望有帮助！