1

我的javascript代码如下：

<script>
    function check(){
        if(document.getElementById("1").value=="") {
            alert("enter 1st value");
            document.getElementById("1").focus();
            return;
        }
        else if(document.getElementById("2").value=="") {
            alert("enter 2nd value");
            document.getElementById("2").focus();
            return;
        }
        return(true);
    }
</script>

我的html页面是

<form action="home.php" method="get">
    <input type="text" id="1"></input>
    <input type="text" id="2"></input>
    <input type="text" id="3"></input>
    <input type="submit"onclick="check()"></input>
</form>

当我故意将输入字段留空时，它会聚焦但会立即重定向到 home.php 页面，而无需进一步获取输入值。

4

6 回答 6

0

您在检查功能中返回 void。如果您返回虚假提交的表单将停止。

<script>
    function check(){
        if(document.getElementById("1").value==""){
            alert("enter 1st value");
            document.getElementById("1").focus();
            return false; // <<<< CHECK THIS LINE;
        }
        else if(document.getElementById("2").value==""){
            alert("enter 2nd value");
            document.getElementById("2").focus();
            return false; // <<<< CHECK THIS LINE
        }
        return(true);
    }
</script>

// 编辑输入元素是一个所谓的自闭合标签。正确的语法是：

<input type="text" name="some_name" value="" />

提交按钮应定义为：

<button type="submit">Button text</button>
于 2013-06-04T13:17:27.820 回答
0

您需要更改您的问题，如下所示

function check(){
     if(document.getElementById("1").value==""){
        alert("enter 1st value");
        document.getElementById("1").focus();
        return false;
     }
     else if(document.getElementById("2").value==""){
        alert("enter 2nd value");
        document.getElementById("2").focus();
        return false;
     }
return(true);
}

如果您的函数返回 false 那么它将阻止发布表单。所以在if条件内返回false。

于 2013-06-04T13:19:16.093 回答
0 
<html>
    <head>
        <script>
            function check(){
                if(document.getElementById("1").value==""){
                    alert("enter 1st value");
                    document.getElementById("1").focus();
                    return false;
                }
                else if(document.getElementById("2").value==""){
                    alert("enter 2nd value");
                    document.getElementById("2").focus();
                    return false;
                }
                return true;
            }
       </script>
  </head>
  <body>
      <form action="test.html" method="get">
          <input type="text" id="1"></input>
          <input type="text" id="2"></input>
          <input type="text" id="3"></input>
          <input type="submit"onclick="return check()"></input>
      </form>
  </body>
</html>
于 2013-06-04T13:19:34.260 回答
0 
<form action="home.php" method="get" onSubmit="return check();">
<input type="text" id="1"></input>
<input type="text" id="2"></input>
<input type="text" id="3"></input>
<input type="submit"></input>
</form>
于 2013-06-04T13:22:59.043 回答
0

您需return false要这样做才能取消提交。

<form action="home.php" method="get">
    <input type="text" id="1"></input>
    <input type="text" id="2"></input>
    <input type="text" id="3"></input>
    <input type="submit"onclick="return check()"></input> <!--Notice the return here-->
</form>

function check()
{
    if(document.getElementById("1").value=="")
    {
        alert("enter 1st value");
        document.getElementById("1").focus();
        return false;//return false instead of void
    }
    else if(document.getElementById("2").value=="")
    {
        alert("enter 2nd value");
        document.getElementById("2").focus();
        return false;//return false instead of void
    }
    return true;
}

JSFiddle

于 2013-06-04T13:19:52.590 回答
0

您没有检查第三个字段是否为空......那么如果它为空，将如何停止？

它没有得到测试

还return false需要使用以防止页面继续运行，因为它告诉浏览器重置此类操作。

然后改用return check()改为

  <html>
    <script type="text/javascript">

        function check(){
            if(document.getElementById("1").value==""){
                alert("enter 1st value");
                document.getElementById("1").focus();
                return false;
            }
            else if(document.getElementById("2").value==""){
                alert("enter 2nd value");
                document.getElementById("2").focus();
                return false; 
            }
            else if(document.getElementById("3").value==""){
                 alert("enter 3nd value");
                document.getElementById("3").focus();
                return false; 
            }
            return(true);
        }

    </script>
    <form action="home.php" method="get">
    <input type="text" id="1"></input>
    <input type="text" id="2"></input>
    <input type="text" id="3"></input>
    <input type="submit"onclick="return check()"></input>
    </form>

于 2013-06-04T13:20:13.760 回答