Question

每当我点击提交按钮时，它都会触发alert("empty username")，但会指示我checklogin.php ...我怎么能避免这种情况并让它保留在页面上，除非该字段不为空？

</body>
</html>
<script type="text/javascript"></script>       
function RequiredFields(){
     var username=document.forms["login"]["username"].value;


     if (username==""||username==null){
         alert("empty username")
         document.login.username.focus();
         if(document.all||document.getElementById){
             return false;
         }

     }
}
</script>
<form action="checklogin.php" method="POST" onSubmit="RequiredFields()">
Username<input type="text" name="username"/>
Password<input type="password" name="password"/>
<input type="submit" value="Login"  />
</form>
</body>
</html>

Answer 1

在提交输入中，您可以添加onsubmit的事件处理程序，如下所示：

<input type="submit" value="submit form" onsubmit="return RequiredFields();"/>

如果并非所有必填字段都已满，则RequiredFields将返回false，并且提交过程将停止。

Answer 2

当您将提交更改为此时，如果RequiredFields返回false，则不会提交。

<input type="submit" value="Login" onsubmit="return RequiredFields();"/>

Answer 3

使用此代码

<input type="submit" value="Login" onclick="return RequiredFields()" />

Answer 4

我认为这可能有用。

   function xyz(event)
    {
      event.preventDefault(); // while the function returns false
    }

您也可以使用HTML5属性必需来避免javascript过载。＆lt; * input type =“”required ＆gt; *

防止表单发布，直到满足javascript代码

4 个答案: