Question

我在提交HTML表单时不断收到此错误：{“code”：“MethodNotAllowedError”，“message”：“不允许POST”}。我的Javascript似乎工作得很好，因为当我把它放在脚本标签中的HTML中时它可以工作，但是当我尝试在它自己的文件中使用它时，我在表单提交上得到了这个错误。我正在从Adobe Dreamweaver启动此代码，并使用Chrome / Safari中的实时预览模式。这是我的代码：

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Calculator</title>
<link href="dopeStyles.css" rel="stylesheet" type="text/css">
</head>
<body>

<form action="" method="post" id="numberForm">
<label for="enterNumber">Enter any number to multiply it by 10:  </label>
<input type="number" id="enterNumber"><br>
<input type="submit"><br>
<label for="result">Result: </label>
<input type="number" id="result">
</form>

</body>
<script src="trippyJavascript.js"></script>
</html>

＆安培;这是Javascript：

function calculate()
{
    'use strict';
     var numInput = document.getElementById('enterNumber').value;
     numInput*= 10;
     document.getElementById('result').value = numInput;
     return false;
}

function init()
{
'use strict';
document.getElementByID('numberForm').onsubmit = calculate;
}

window.onload = init;

Answer 1

您好我已经测试了您的代码。错误是'document.getElementById'，这种方式不是'document.getElementByID'。

function calculate()
{
    'use strict';
     var numInput = document.getElementById('enterNumber').value;
     numInput*= 10;
     document.getElementById('result').value = numInput;
     return false;
}

function init()
{
'use strict';
document.getElementById('numberForm').onsubmit = calculate;
}

window.onload = init;

如何从外部文件中正确测试我的javascript代码？

1 个答案: