javascript - 从 html 表单的文本字段中读取并检查用户的输入

Question

我想做的是有一个表单字段，允许人们尝试从图片中猜测它是什么类型的鸟，如果他们猜对了，它会告诉他们他们猜对了，并给他们代码以获得折扣。

这是我在 head 标签中使用的代码:

formCheck()
{
    var birdName = document.forms[0].birdName.value
    if (birdName == "red bellied woodpecker")

    alert("That's Correct! Please enjoy 10% off your next purchase by entering the code NAMETHATBIRD92 during checkout.")

else

    alert("That's isn't the correct answer! Make sure your answer is very specific and keep trying, you can guess as many times as you want.")

}

这是我在 body 标记中的内容:

你能说出这只鸟的名字吗？

它在这里工作:www.madhatwebsolutions.com/namethatbird.html

它在这里不起作用，而我真正需要它起作用的地方: http://www.wildbirdsmarketplace.com/pages/Name-That-Bird!.html

Answer 1

这不应该是 JavaScript。

任何潜在客户都可以右键单击并查看您的 JavaScript 源代码并检索代码，而无需进行猜测。

您需要使用用户输入查询服务器，服务器需要返回一个响应，指示此输入是否正确。

您可能想查看正常的 HTML 表单提交，或者冒险进入 AJAX

工作流程:

1. 用户在文本字段中输入猜测
2. 向 http://yourserver.com/check_bird.your_server_language?guess=theTextFieldValue 发起请求
3. 服务器返回成功或失败指示
4. 显示对客户端的响应

需要考虑的其他事项:您是要允许客户多次猜测还是限制他们？您是否打算展示几种不同的鸟类？