jQuery帮助按钮导致调用页面动作

Question

我在表单上有一个帮助按钮：

echo '<button id="help" class="narrowbutton" ' .
 'name="help" value="">Help</button>';

和这个jQuery：

$("#help").click(function(){
  window.open('help.html');
  e.preventDefault();
  return false;
});

单击按钮会使帮助文件在新选项卡中打开。但是原始表单也会发生一些操作，因此它将变为空白页。

应如何重新编码以防止表单发生任何事情？

Answer 1

可能是您的按钮正在提交表单，但您没有采取任何措施来阻止这种情况。通过default，按钮为type="submit"，因此最简单的解决方案是将其更改为type="button"，这将阻止提交。

echo '<button type="button" id="help" class="narrowbutton" ' .
'name="help" value="">Help</button>';

Answer 2

按钮默认为submit类型 就您而言，只需在按钮标签中添加type="button"