Jquery提交功能不能與console.log結合

我想檢查一個表單是否被提交，如果它被提交我想在控制檯中記錄一個值用於測試目的。Jquery提交功能不能與console.log結合

然而，控制檯內沒有任何記錄，我找不到我的問題。

代碼：

<html> 
<head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <title>Server</title> 
    <link href="main.css" rel="stylesheet" type="text/css"> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
</head> 

<body> 
    <div id="authPanel"> 
     <div id="authPanelTop">Server Login </br> <small id="subHeadline">Bitte authentifiziere deinen account</small></div> 
     <form id="login"> 
      <input style="margin-bottom: 15px;" class="inputField" id="password" type="password" placeholder="Passwort eingeben" /> 
      <button class="buttonStyle" type="submit">Authentifizieren</button> 
     </form> 
     </br><hr> 
     <div id="authPanelTop">Oder registriere dich </br> <small id="subHeadline">Bitte gib deine daten ein um dich zu registrieren</small></div> 
     <form> 
      <input style="margin-bottom: 15px;" class="inputField" type="text" placeholder="Vorname eingeben" /> 
      <input style="margin-bottom: 15px;" class="inputField" type="text" placeholder="Nachname eingeben" /> 
      <input style="margin-bottom: 15px;" class="inputField" type="password" placeholder="Passwort eingeben" /> 
      <input style="margin-bottom: 15px;" class="inputField" type="text" placeholder="Email eingeben" /> 
      <button class="buttonStyle" type="submit">Registrieren</button> 
     </form> 
    </div> 

    <script type="text/javascript"> 
     $('#login').submit(function() { 
      console.log('Form submitted'); 
     }); 
    </script> 

</body> 

</html>

我明白任何形式的幫助。

來源

2017-04-25 pr0b

'$（ '＃登錄'）提交。（功能（E）{e.preventDefault（）; 的console.log（ '提交表單'）; }）;' – andrew

你有你的控制檯設置爲頁面導航時保留日誌？默認情況下，當頁面退出時，日誌會被清除.... – epascarello

查看評論andrew left。你需要告訴HTML表單不要默認提交（提交給自己）。 – blackandorangecat

提交時，頁面被導航到另一頁面。因此，除非您保留日誌，否則每個新頁面都會清除該日誌。

可以使用保存的日誌：

如果你想留在同一頁，並且不希望導航到形式的行動，你可以添加：

event.preventDefault();

到提交處理程序，它可以防止默認事件，您可以使用AJAX提交或不提交。

<script type="text/javascript"> 
    $('#login').submit(function(e) { 
     e.preventDefault(); 
     console.log('Form submitted'); 
    }); 
</script>

來源

2017-04-25 13:12:52

Jquery提交功能不能與console.log結合

回答

相關問題