向我展示的代码，而不是实际运行它

请帮助我，我对所有这些都比较陌生，我只是想知道如何才能将这些数据提交给我的简单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

}

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

来源

2014-11-16 HazzaMcJazza

表单以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，您需要从userIDInput删除.value。

来源

2014-11-16 19:00:48 dfsq

太棒了！谢谢:) – HazzaMcJazza

不客气，很高兴帮助！ – dfsq

向我展示的代码，而不是实际运行它

回答

相关问题