表单提交时的Javascript函数调用


Javascript function call on form submit

    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函数。当我提交表格时,什么也没发生。我应该提醒字符串

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

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

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

演示:问题,解决方案

如果您在onsubmit处理程序中记录next的值,它将指向next元素,参见此