Javascript函数调用表单提交

Question

    function next()
    {
    alert("form submited");
    return true;

    }

<form onsubmit="return next()" action="add.php" method="post" id="p1">
    <center>Add New Survey</center>
     <p>&nbsp;</p>
    <p align="left"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Title:    </p>
    <textarea name="title" cols="2" class="inputs" id="title"></textarea>
    <p align="left"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Discription: (Optional)    </p>
    <textarea name="dis" cols="2" class="inputs" id="dis"></textarea>
     <p align="left"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Number of questions:    </p>

    <select class="inputs" id="options" onchange="run()" name="options">
    <option value="1" >1</option>
    <option value="2" >2</option>
    <option value="3" >3</option>
    <option value="4" >4</option>
    <option value="5" >5</option>
    </select>
    <br />

          <input type="Submit" value="Next" class="button" name="next"/>
      </p>
  </form>

这是我的代码，我想通过JavaScript函数提醒“表单已提交”。当我提交表格时，没有任何反应。我应该警告字符串。

Answer 1

看起来是因为按钮名next与函数名称相同。

在您的控制台中，您应该看到错误Uncaught TypeError: object is not a function

<input type="Submit" value="Next" class="button" name="somethingelse" />

演示：Problem，Soution

如果您在next处理程序中记录onsubmit的值，则会引用next元素see this。