有人能告诉我我做错了什么

时间:2011-03-07 16:43:29

标签: javascript

如果你的名字是鲍勃,那我试图得到这个,那么你就是注册,如果不是抱歉你不被允许访问但我无法弄清楚我做错了可以有人帮我谢谢。

          <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
          <html xmlns="http://www.w3.org/1999/xhtml">
         <head>
        <title></title>
        <meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />
           </head>
           <script type="text/javascript">
           function verify() {
            var name="Please enter your name: ";
          if (firstName=="Bob") {
          alert("Now registered");
          }
        else {
         window.alert("Sorry you aren't allowed acess.")
        return false;
           }           
       </script>
       <form name="myForm" action="#" method="post" enctype="text/plain">
        <input type="text" name="BOB">First Name<br>
        <input type="button" value="Submit" onclick="verify();">
        </form>
       </body>
        </html>

10 个答案:

答案 0 :(得分:3)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
              "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
              <html xmlns="http://www.w3.org/1999/xhtml">
             <head>
            <title></title>
            <meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />
               </head>
               <script type="text/javascript">
               function verify() {
                var name="Please enter your name: ";
var firstName = document.getElementById('firstName').value;
              if (firstName=="Bob") {
              alert("Now registered");
    return true;
              }
            else {
             window.alert("Sorry you aren't allowed acess.")
            return false;
               } }          
           </script>
           <form name="myForm" action="#" method="post" onsubmit="return verify();" enctype="text/plain">
            <input id="firstName" type="text" name="BOB"/>First Name<br>
            <input type="button" value="Submit"/>
            </form>
           </body>
            </html>

你必须在表格标签上使用onsubmit,它必须返回true或false

答案 1 :(得分:3)

请注意,您缺少该函数的结束括号,此代码有效:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />
           </head>
           <script type="text/javascript">
           function verify() 
           {
                var name="Please enter your name: ";
                if (myForm.firstName.value=="Bob") 
                {
                    alert("Now registered");
                }
                else 
                {
                    alert("Sorry you aren't allowed acess.")
                    return false;
               }    
         }           
       </script>
<form name="myForm" action="#" method="post" enctype="text/plain">
<input type="text" name=firstName>First Name<br>
<input type="button" value="Submit" onclick="verify();">
</form>
</body>
</html>

答案 2 :(得分:2)

像这样更新你的javascript:

      <script type="text/javascript">
       function verify() {
         var name="Please enter your name: ";
         if (document.myForm.firstName.value=="Bob") {
           alert("Now registered");
           return true;
         }
         else {
           window.alert("Sorry you aren't allowed acess.")
           return false;
         }
       }           
   </script>

然后将您的HTML表单更新为:

   <form name="myForm" action="#" method="post" enctype="text/plain">
    <input type="text" name="firstName" value="">First Name<br>
    <input type="button" value="Submit" onclick="verify();">
   </form>

答案 3 :(得分:2)

这应该有效。

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>
        <meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />
    </head>
    <body>
    <script type="text/javascript">
        function verify() {
            var firstName = document.getElementById('firstName').value;
            if (firstName == "Bob") {
                alert("Now registered");
                return true;
            } else {
                window.alert("Sorry you aren't allowed access.");
                return false;
            }
        }         
    </script>
    <form name="myForm" action="#" method="post" onsubmit="return verify();" enctype="text/plain">
        <input id="firstName" type="text" name="BOB"/>First Name<br>
        <input type="submit" value="Submit"/>
    </form>
    </body>
</html>

答案 4 :(得分:1)

你的onsubmit应该在表单处理程序(“表单”的开放标记)上,而不是在按钮上。

答案 5 :(得分:1)

几个问题:

  • 您在任何地方都没有javascript变量firstName。脚本可能会在那里停止。
  • 您的名字字段的表单标记很奇怪(为什么要命名文本框“BOB”?您应该给它一个ID。
  • 您需要正确访问javascript中的表单元素。
  • 提交表单时,最好使用提交输入类型并连接表单onsubmit(在这方面@Pravat的答案是正确的,但不是在其他方面)。
  • 此行无效 - var name="Please enter your name: ";

答案 6 :(得分:1)

首先,Javascript不知道firstname是什么

要解决此问题,您需要做两件事:

  • 使用HTML <input name="BOB" id="firstName" value="" />。注意id属性,我们将使用它来让JS找到我们想要检查的元素。

  • 然后在Javascript中,我们可以使用document.getElementById('firstName').val ue找到用户在输入中输入的内容。

这可以让你进行比较。

答案 7 :(得分:1)

要修复代码的一小部分,我相信您忘记打开<body>代码

您的功能

也缺少}

自行关闭您的输入和br标签

答案 8 :(得分:1)

尝试使用:

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

并将缺失}用于验证功能

答案 9 :(得分:0)

请参阅this...,您还有}} ...在&lt;之前/脚本&GT; ...缺少的}是关闭验证功能的那个。