的JavaScript不是内部形状

工作，我有以下的HTML代码的JavaScript不是内部形状

<div class = "login"> 
     <form> 
     <input type="text" id="username" name="username" placeholder="Username" style="text-align:center"> <br> <br> 
     <input type="password" id="password" name="password" placeholder="Password" style="text-align:center"> <br> <br> 
     <input onclick="loginButton();" name="login_btn" id="login_btn" type="submit" value="Login"> 
     </form> 
    </div>

而且下面的JavaScript：

<script type="text/javascript"> 
    function loginButton() { 
     console.log("this function was called") 
    } 
</script>

在我的控制台，当我点击提交按钮，“这个功能被称为”只出现一瞬间，然后消失。然而，当我将提交按钮放在表单之外时，该消息将保留，并完全执行我的其余功能。

来源

2016-05-26 user1650487

的可能的复制[我要如何使用JavaScript重装停止形式？]（http://stackoverflow.com/questions/5150532/how-do-i-stop-the-form-from-reloading-using-javascript） –

您的表单被提交并且页面重新加载 - 因为type="submit"上的input元素。

更改它要么

type="button"

或

onclick="loginButton(); return false;"

来源

2016-05-26 18:03:51 Igor

但是没有提交按钮的内部表单我觉得不可能。 –

@AkramKhan - 我不明白你的句子，请尝试改述。 – Igor

我在说如果你提交的表单没有jquery/ajax，那么你必须使用提交按钮 –

的JavaScript不是内部形状

回答

相关问题