Question

我在使用以下代码写入控制台时遇到问题。不确定为什么它不是一个初学JavaScript程序员。可能是一个愚蠢的问题，因为我是JavaScript的新手。

使用Javascript：

function process(){
    'use strict';
    var user = document.getElementById("user").value;
    var name = document.getElementById("name").value;
    var email = document.getElementById("email").value;
    var pass = document.getElementById("pass").value;
    var age = document.getElementById("age").value;

    console.log(user);
};

function init(){
    'use strict';
    document.getElementById('signUp').onsubmit = process;
};
window.onload = init;

HTML：

<!doctype html>

<html>
<head>
    <meta charset="UTF-8" />
    <title>Employee Register</title>
    <link rel="stylesheet" href="style.css" type="text/css" media="screen"/>
</head>
<body>
    <form action="#" method="post" id="signUp" class="form">
        <h1>Sign up.
            <span>Please complete all information.</span>           
        </h1>
        <label for="user">
            <span>Username:</span>
            <input type="text" name="user" id="user" required>
        </label>
        <label for="name">
            <span>Full Name:</span>
            <input type="text" name="name" id="name" required>
        </label>
        <label for="email">
            <span>Email Address:</span>
            <input type="email" name="email" id="email" required>
        </label>
        <label for="pass">
            <span>Password:</span>
            <input type="password" name="pass" id="pass" required>
        </label>
        <label for="age">
            <span>Age:</span>
            <input type="text" name="age" id="age" required>
        </label>
        <input type="submit" value="Submit" id="submit">
    </form>
    <div id="members" class="output">
        <h1>Registered Members</h1>
    </div>
    <script src="register.js" type="text/javascript" charset="utf-8"></script>
</body>
</html>

Answer 1

原因是每次请求都会更新日志（如果是Chrome浏览器），并且当您设置要在提交时触发的console.log，则会记录日志，但会立即清除

选中Chrome控制台中的保留日志复选框。

Answer 2

您可以将输入类型更改为普通按钮，以阻止提交<input type="button" value="Submit" id="submit">。

使用字段执行任何操作后，您可以使用signUp.submit()或document.getElementById('signUp').submit()提交表单。

不要登录到控制台，javascript

2 个答案: