Question

请帮助我，我对所有这些都很陌生，我只是想知道如何将这些数据提交到我的简单JavaScript文件，然后执行一些命令。这是：

<html>
<head>
    <center><h1>Test-Page</h1></center>
    <title>Hardware Compare</title>
</head>
<body>
<script src="text/javascript">
function updateInput() {
var userIDInput = document.getElementById('userID');
var submittedInput = userIDInput.value;
document.getElementById('testingID').innerHTML='submittedInput'
}
</script>
    <div class="testing">
    <h2 id="testingID">Sign In</h2>
    <form name="input" action="login.js" method="POST">
        Username: <input type="text" name="userID" />
        Password: <input type="password" name="password" />
        <input type="submit" value="Submit" name="sub" />
    </form>
    </div>
</body>

这里是javascript代码：

function updateInput() {
var userIDInput = document.getElementsByName("UserID")[0].value;
var submittedInput = userIDInput.value;
document.getElementById('testingID').innerHTML=submittedInput

}

问题在于提交时，网络浏览器会显示实际代码而不是运行它：/这让我困扰了一段时间，我似乎无法修复它。这可能是一些常见的noob错误，但我真的很感激一些帮助，欢呼！

Answer 1

表单以PHP，Ruby，NodeJS，Python等方式提交给服务器端脚本。您无法像提交的那样提交另一个javascript文件。

但是看起来您需要表单onsubmit事件。在这种情况下，HTML将是：

<form name="input" onsubmit="return updateInput();" method="POST">
    Username: <input type="text" name="userID" />
    Password: <input type="password" name="password" />
    <input type="submit" value="Submit" name="sub" />
</form>

然后updateInput函数将处理此事件并执行您希望它执行的操作：

function updateInput() {
    var userIDInput = document.getElementsByName("userID")[0];
    var submittedInput = userIDInput.value;
    document.getElementById('testingID').innerHTML = submittedInput;
    return false;
}

另请注意，updateInput函数中有两个错误。输入名称为userID，您需要从.value中删除userIDInput。

显示代码而不是实际运行它

1 个答案: