代码不工作(JavaScript)

Code not working (JavaScript)

本文关键字：JavaScript 工作 代码      更新时间：2023-09-26

我正在制作这个程序，其中文本框中的值将被提醒。我知道这算不上什么，但已经有些东西不正常了。我检查了开发人员工具控制台面板，没有显示任何错误。

<!DOCYTPE html>
<html>
<head>
  <script type="text/javascript">
    var submit = function() {
      var name = document.getElementById('name').value;
      alert(name);
    }
  </script>
</head>
<body>
  <form>
    <input type="text" id='name'>
    <button type="button" onclick="submit()">Submit</button>
  </form>
</body>
</html>

<html>
<head>
  <script type="text/javascript">
    var submit1 = function() {
      var name = document.getElementById('name').value;
      alert(name);
    }
  </script>
</head>
<body>
  <form>
    <input type="text" id='name'>
    <button type="button" onclick="submit1()">Submit</button>
  </form>
</body>
</html>

这是因为已经存在一个名为submit()的函数。将其更改为submit1()或任何其他名称。它会工作

submit()是JavaScript中用于提交表单的预定义方法。

所以你不能那样使用它。您需要将函数名更改为其他名称。

<!DOCYTPE html>
<html>
<head>
  <script type="text/javascript">
    var submitForm = function() {
      var name = document.getElementById('name').value;
      alert(name);
    }
  </script>
</head>
<body>
  <form>
    <input type="text" id='name'>
    <button type="button" onclick="submitForm()">Submit</button>
  </form>
</body>
</html>


var test= function() {
      var name = document.getElementById('name').value;
      alert(name);
    }
<input type="text" id='name'>
    <button type="button" onclick="test()">Submit</button>

相关文章：