button与submit的使用

来源:互联网 发布:前端开发必备软件 编辑:程序博客网 时间:2024/06/05 03:37

情况一:使用submit,则只能在<form>中调用方法

<form name="delete" method="post"
      action="delete_article.jsp?articleId=<%=articleId%>"
      onsubmit="return isConfirm();">
<input type="submit" name="Submit" value="删除帖子" class="button">
      删除该帖与回复内容
</form>

function isConfirm() {
 if (confirm("确认删除?")) {
  return true;
 } else {
  return false;
 }
}

 

 

 情况二:使用button,模拟submit的方法:

<form name="delete" method="post"
      action="delete_article.jsp?articleId=<%=articleId%>">
<input type="button" name="del" value="删除帖子"
       onclick="isConfirm()">
   删除该帖与回复内容
</form>

function isConfirm() {
 if (confirm("确认删除?")) {
  var form = document.getElementById("delete");
  form.submit();
  return true;
 } else {
  return false;
 }
}