Fatal编程技术网

Javascript Java脚本条件语句

javascript

Javascript Java脚本条件语句,javascript,conditional-statements,Javascript,Conditional Statements,我想在JavaScript代码中添加一个条件，如果我在文本框中写下正确的答案，它将进入下一页 例如：问题是：日本的首都是什么？如果我写东京，它将进入一个新的页面，但如果写错答案，它只会显示警告框消息 <html> <head> <script type="text/javascript"> function nameValidate() { valid = true; if (docume

我想在JavaScript代码中添加一个条件，如果我在文本框中写下正确的答案，它将进入下一页

例如：问题是：日本的首都是什么？如果我写东京，它将进入一个新的页面，但如果写错答案，它只会显示警告框消息

<html>
<head>
    <script type="text/javascript">
        function nameValidate() {
            valid = true;
            if (document.getElementById('name').value == "") {
                alert("Please enter the right answer");
                valid = false;
            }
            return valid;
        }
    </script>

    <title>Crack the code</title>
</head>
<body text="#666633" bgcolor="#cccc99">
    <div align="center">
        <p class="text">
            <h3>What is the Capital of Japan</h3>
        </p>

        <table>
            <tr>
                <td class="label"></td>
                <form name="Answer" action="http://news.google.com/" onsubmit="return nameValidate();">
                    <input type="text" id="name" />
                    </td>
                    <br />
                    <br />
                    <input type="Submit" value="submit" />
                </form>
            </tr>
            <tr>
                <td height="8"></td>
            </tr>
        </table>
    </div>
</body>
</html>
if条件只是检查输入文本是否为空。如果您想确保答案是Tokyo，您可以使用：

<script type="text/javascript">
    function nameValidate(){
       var myInput = document.getElementById('name').value.toLowerCase();
       var valid = true;
       if(myInput != "tokyo"){
          alert("Please enter the right answer");
          valid = false;
       }
     return valid;
   }
</script>
我使用toLowerCase函数来确保任何可能的答案都会被接受。

您的代码几乎是正确的，除非用户输入的内容与您期望的不同。你没有注意到任何事情，因为你的表单提交到谷歌，这也阻止了谷歌！所以这让你错了！请更改您的提交表格，如

action="http://naimrajib.blogspot.com/"
还可以按如下方式更改代码：

function nameValidate()
{
    var answer = {japan: 'tokyo', bangladesh: 'dhaka'}
    var valid = true;
    var input_value = document.getElementById('name').value.toLowerCase();

   if (input_value == null  || input_value == "") {
       alert("Please enter the right answer");
       valid = false;
   }
   else if(input_value == answer.japan){
       valid = true;
  }
  else
       valid = false;

  alert(valid);
return valid;
}
要查看演示，请访问此链接：

如果您填写日本首都达卡，您的if条件将不符合您的要求！所以请先更正一下。你能帮我更正一下上面的代码吗。后面的结束标记让我很恼火。。。或者更好，为什么标签直接位于？现在看看我给出的答案！如果你还需要什么，请告诉我。如果你觉得这个答案适合你的场景，也请接受这个答案。嗨，谢谢你的回答，但是当我试图在fire fox和IE中打开你的代码时，你的代码只在Google Chrome中工作。我的代码的哪一部分不工作！这只是一个简单的javascript代码我再次检查了我的代码，实际上那里有一个bug，但我编辑了我的答案。再次测试希望这会有所帮助：当我在chrome和firefox中进行测试时，代码工作得很好，但当我在IE中打开代码并键入错误答案时，它仍然会进入网站，或者即使我将其保留为黑色并输入，它仍然指向我放置的链接。