Fatal编程技术网
  • javascript/
  • Javascript Jquery提交函数是'；t与console.log一起工作

Javascript Jquery提交函数是'；t与console.log一起工作

javascript jquery forms

Javascript Jquery提交函数是'；t与console.log一起工作,javascript,jquery,forms,Javascript,Jquery,Forms,我试图检查表单是否已提交，如果已提交，我希望在控制台中记录一个值以进行测试 但是控制台中没有任何日志记录，我也找不到我的问题 代码： <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, in

我试图检查表单是否已提交，如果已提交，我希望在控制台中记录一个值以进行测试

但是控制台中没有任何日志记录，我也找不到我的问题

代码：

<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>


服务器
服务器登录
Bite authentifiziere deinen帐户
作者


登记处登记处登记处登记处登记处登记处登记处登记处登记处登记处登记处登记处登记处登记处登记处登记处登记处登记处登记处登记处登记处登记处登记处登记处登记处登记处登记处登记处登记处登记处登记处登记处登记处登记处登记处登记处登记处
登记处
$（'#login'）。提交（函数（）{
console.log（“提交的表单”）；
});
非常感谢您的帮助。

提交后，页面将被导航到其他页面。因此，除非保留日志，否则每个新页面的日志都会被清除

您可以使用以下方法保留日志：

如果要保持在同一页面中，并且不想导航到表单的操作，可以添加：

event.preventDefault();
提交到提交处理程序，这会阻止默认事件，您可以使用AJAX提交，也可以根本不提交

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


$（'#login'）。提交（函数（e）{
e、 预防默认值（）；
console.log（“提交的表单”）；
});

$（'#login'）.submit（函数（e）{e.preventDefault（）；console.log（'Form submitted'）；}）是否将控制台设置为在页面导航时保留日志？默认情况下，当页面退出时，日志将被清除……请参阅左侧的注释。你需要告诉HTML表单不要做它的默认提交（提交到它自己）。这个提交正在工作。我正在整理日志。