首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何防止按钮提交表单?

如何防止按钮提交表单?

提问于 2017-12-22 10:38:09
回答 2关注 0查看 375

在下面的页面中,使用Firefox的删除按钮提交表单,但添加按钮没有。如何防止删除按钮提交表单?

代码语言:txt
复制
<html>
代码语言:txt
复制
<head>
代码语言:txt
复制
<script type=""text/javascript"" src=""jquery-1.3.2.min.js""></script>
代码语言:txt
复制
<script type=""text/javascript"">
代码语言:txt
复制
function addItem() {
代码语言:txt
复制
  var v = $('form :hidden:last').attr('name');
代码语言:txt
复制
  var n = /(.*)input/.exec(v);
代码语言:txt
复制
  var newPrefix;
代码语言:txt
复制
  if ( n[1].length == 0 ) {
代码语言:txt
复制
    newPrefix = '1';
代码语言:txt
复制
  } else {
代码语言:txt
复制
    newPrefix = parseInt(n[1])+1;
代码语言:txt
复制
  }
代码语言:txt
复制
  var oldElem = $('form tr:last');
代码语言:txt
复制
  var newElem = oldElem.clone(true);
代码语言:txt
复制
  var lastHidden = $('form :hidden:last');
代码语言:txt
复制
  lastHidden.val(newPrefix);
代码语言:txt
复制
  var pat = '=\""'+n[1]+'input';
代码语言:txt
复制
  newElem.html(newElem.html().replace(new RegExp(pat, 'g'), '=\""'+newPrefix+'input'));
代码语言:txt
复制
  newElem.appendTo('table');
代码语言:txt
复制
  $('form :hidden:last').val('');
代码语言:txt
复制
}
代码语言:txt
复制
function removeItem() {
代码语言:txt
复制
  var rows = $('form tr');
代码语言:txt
复制
  if ( rows.length > 2 ) {
代码语言:txt
复制
    rows[rows.length-1].html('');
代码语言:txt
复制
    $('form :hidden:last').val('');
代码语言:txt
复制
  } else {
代码语言:txt
复制
    alert('Cannot remove any more rows');
代码语言:txt
复制
  }
代码语言:txt
复制
}
代码语言:txt
复制
</script>
代码语言:txt
复制
</head>
代码语言:txt
复制
<body>
代码语言:txt
复制
<form autocomplete=""off"" method=""post"" action="""">
代码语言:txt
复制
<p>Title:<input type=""text"" /></p>
代码语言:txt
复制
<button onclick=""addItem(); return false;"">Add Item</button>
代码语言:txt
复制
<button onclick=""removeItem(); return false;"">Remove Last Item</button>
代码语言:txt
复制
<table>
代码语言:txt
复制
<th>Name</th>
代码语言:txt
复制
代码语言:txt
复制
<tr>
代码语言:txt
复制
  <td><input type=""text"" id=""input1"" name=""input1"" /></td>
代码语言:txt
复制
  <td><input type=""hidden"" id=""input2"" name=""input2"" /></td>
代码语言:txt
复制
</tr>
代码语言:txt
复制
</table>
代码语言:txt
复制
<input id=""submit"" type=""submit"" name=""submit"" value=""Submit"">
代码语言:txt
复制
</form>
代码语言:txt
复制
</body>
代码语言:txt
复制
</html>

回答

和开发者交流更多问题细节吧,去 写回答
相关文章

相似问题

相关问答用户
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档