今天写 jquery 代码的时候,想通过button来增加节点,结果每次点击button都会提交表单。
<form action="uploadServlet" method="post" enctype="multipart/form-data">
<input type="hidden" id="fileNum" name="fileNum" value="1"/>
File1: <input type="file" name="file1"/>
<br>
Desc1: <input type="text" name="desc1"/>
<br>
<br id="br"/>
<button id="addFile" >新增一个附件</button>
<input type="submit" id="submit" value="提交"/>
</form>
回来查看文档发现,原来是没有给button写上类型 type="button"
修改之后:
<form action="uploadServlet" method="post" enctype="multipart/form-data">
<input type="hidden" id="fileNum" name="fileNum" value="1"/>
File1: <input type="file" name="file1"/>
<br>
Desc1: <input type="text" name="desc1"/>
<br>
<br id="br"/>
<button id="addFile" type="button">新增一个附件</button>
<input type="submit" id="submit" value="提交"/>
</form>
没有问题了。
本文介绍了一个常见的HTML表单问题:当使用未指定类型的button元素时,默认行为会导致表单提交。文中给出了具体的示例代码,并展示了如何通过简单地添加type=button属性来修正该问题。
557

被折叠的 条评论
为什么被折叠?



