代码无效(JavaScript)

时间:2015-06-05 08:47:51

标签: javascript html

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



<!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>
&#13;
&#13;
&#13;

3 个答案:

答案 0 :(得分:6)

&#13;
&#13;
<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>
&#13;
&#13;
&#13;

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

答案 1 :(得分:3)

submit()是JavaScript中的predefined方法,用于提交表单。

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

<!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>

答案 2 :(得分:0)

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