PHP中的拼写检查[重复]

Question

<table align = "left">


<?php

if ($_POST["word"] == "ship" )
{
echo "Your answer is correct.";
}
else
{
echo "Sorry, you typed the wrong answer. Try Again!";
}


?>

<tr>
<td> <span id="dummy" onclick="playSound(this,'vowels/ship.mp3');">
<img src="pics/i.jpg" onmouseover="this.src='pics/vowel/ship.jpg';this.width=200;this.height=250" onmouseout="this.src='pics/i.jpg';this.width=100;this.height=150"/>

 <form action="act_vowel.php" method="post">
 <h2> <font color = "black">  Type the word: <input type="text" name="word"> </h2> </font>
  <input type="submit" name="check" value="Answer">
  </form>

当我运行这段代码时。我总是收到这样的错误：

  (Notice: Undefined index: word in C:\xampp\htdocs\dyslexia\sample.php on line 15
  Sorry, you typed the wrong answer. ) 

当用户输入答案时，我该如何设计结果？我想让它更生动。谢谢！

Answer 1

你需要检查POST值是否定义：

if (isset($_POST["word"])) {
    if ($_POST["word"] == "ship" )
    {
        echo "Your answer is correct.";
    }
    else
    {
        echo "Sorry, you typed the wrong answer. Try Again!";
    }
}

Answer 2

如果所有这些都在同一个 PHP 页面上，那么发生的情况是您在首次加载页面时检查该值，而不是在您将值发布到它之后。在尝试回复之前，您需要检查表单帖子是否存在：

if (isset($_POST["check"]))
{
    if ($_POST["word"] == "ship" )
    {
        echo "Your answer is correct.";
    }
    else
    {
        echo "Sorry, you typed the wrong answer. Try Again!";
    }
}

至于你最后的评论：

当用户输入答案时，我该如何设计结果？我希望它更生动。

您可以做的一件事是检查 JavaScript 而不是 PHP 中的拼写，这样就不需要表单发布。如果您希望它在用户键入时发生，您可以响应 keypress 事件。以 jQuery 为例：

$('input[name=Word]').keypress(function () {
    if ($(this).val() == 'ship') {
        $('#result').text('Your answer is correct.');
    } else {
        $('#result').text('Sorry, you typed the wrong answer. Try Again!');
    }
});

这将使用响应更新 id 为“result”的元素（您将其放在页面上的某处）：

<span id="result"></span>

不过，在用户键入时做出响应的用户体验可能有点尴尬。在输入单词时，他们会一直被告知这是错误的，直到他们完成为止，这在输入正确答案时是一种否定。

Answer 3

可能是两者之一：

1. 可能你发错文件了！！

从你的错误来看，它说

（注意：未定义索引：第 15 行 C:\xampp\htdocs\dyslexia\sample.php 中的单词 抱歉，您输入了错误的答案。 )

而您的表单发布到页面 act_vowel.php"

<form action="act_vowel.php" method="post">

您确定要发布到正确的页面吗？这也可能是错误的根源（不是说是，而是有可能）

1. 在比较其值之前，您没有检查您的 $_POST["word"] 变量是否已设置。

试试下面的

if(isset($_POST["word"]) && $_POST["word"]=="ship"){ echo "你的答案是正确的。"; }别的{ echo "对不起，您输入了错误的答案（或者可能没有输入：P）。再试一次！"; }

Answer 4

http://jsfiddle.net/bCpLm/1/

也改变 HTML，你的无效！

向表单添加一个 id，以便您可以更轻松地使用 JavaScript 操作它

<form action="act_vowel.php" method="post" id="form">
     <h2> <font color = "black">  Type the word: </font> </h2> 
    <input type="text" name="word" />
    <input type="submit" name="check" value="Answer" />
</form>

以下内容仅在用户启用了 javascript 时才有效，但您不太可能遇到禁用它的人，但您应该始终适应所有人！

var form = document.getElementById("form");
form.onsubmit = function () {
    if (document.getElementsByName("word")[0].value.toLowerCase() == 'ship') {
        alert('Your answer is correct.');
    } else {
        alert('Sorry, you typed the wrong answer. Try Again!');
        return false;
    }
}

为了适应禁用 javascript 的用户，请将以下内容添加到 act_vowel.php 文件中

if (isset($_POST["word"])) {
    if (strtolower($_POST["word"]) == "ship" )
    {
        echo "Your answer is correct.";
    }
    else
    {
        echo "Sorry, you typed the wrong answer. Try Again!";
    }
}