javascript - 如何禁用 <input> 提交但不输入

Question

所以，我得到了这个<input>我希望能够输入内容，但不能提交，因为我已经有一个按钮可以将其提交给表单处理程序。

    <form name="form">
    <input id="JSinp" type="email" name="Com" method="post"
    autocomplete="off" required autofocus>                                                                                   
    </form>
    <button onclick="exec()" id="evalbutton">Submit</button>

    <script>
    function exec() {
    var Com = document.forms["form"] ["Com"].value;
    eval(Com);
    }

ID 仅用于样式目的。目前，当我在 <input> 上按 Enter 时它显示在 URL 中并完成整个发布刷新等操作。那是另一回事了。使用时method="post"它不是不应该显示在地址栏中吗？这可能只是我的浏览器中的一个错误，但我们将不胜感激。

更新: 我刚刚用这个替换了按钮: <input type="submit" onclick="exec()" id="evalbutton" value="Submit">
那行得通。

但是对method="post"有任何帮助吗？将是一个很大的帮助。

Answer 1

您可以通过跳过回车键来防止该事件发生。

document.getElementById('JSinp').addEventListener('keydown', function(event){
  var KEYCODE_ENTER = 13;
  if (event.which == KEYCODE_ENTER)
    event.preventDefault();
});