从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. 显示对客户的回复

需要考虑的其他事项：您是否允许您的客户多次猜测或限制它们？你会不会展示几种不同的鸟？

Answer 2

http://www.wildbirdsmarketplace.com/pages/Name-That-Bird!.html

中的

<script type="text/javascript" src="birdname.js"></script>指404 - 检查文件路径

Answer 3

不要使用document.forms

var birdName = document.getElementById('birdName').value;