文章/答案/技术大牛

发布

社区首页 >问答首页 >如何防止按钮提交表单？

问如何防止按钮提交表单？

提问于 2017-12-22 10:38:09

回答 2关注 0查看 388

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

<html>

<head>

<script type=""text/javascript"" src=""jquery-1.3.2.min.js""></script>

<script type=""text/javascript"">

function addItem() {

  var v = $('form :hidden:last').attr('name');

  var n = /(.*)input/.exec(v);

  var newPrefix;

  if ( n[1].length == 0 ) {

    newPrefix = '1';

  } else {

    newPrefix = parseInt(n[1])+1;

  var oldElem = $('form tr:last');

  var newElem = oldElem.clone(true);

  var lastHidden = $('form :hidden:last');

  lastHidden.val(newPrefix);

  var pat = '=\""'+n[1]+'input';

  newElem.html(newElem.html().replace(new RegExp(pat, 'g'), '=\""'+newPrefix+'input'));

  newElem.appendTo('table');

  $('form :hidden:last').val('');

function removeItem() {

  var rows = $('form tr');

  if ( rows.length > 2 ) {

    rows[rows.length-1].html('');

    $('form :hidden:last').val('');

  } else {

    alert('Cannot remove any more rows');

</script>

</head>

<body>

<form autocomplete=""off"" method=""post"" action="""">

<p>Title:<input type=""text"" /></p>

<button onclick=""addItem(); return false;"">Add Item</button>

<button onclick=""removeItem(); return false;"">Remove Last Item</button>

<table>

<th>Name</th>

<tr>

  <td><input type=""text"" id=""input1"" name=""input1"" /></td>

  <td><input type=""hidden"" id=""input2"" name=""input2"" /></td>

</tr>

</table>

<input id=""submit"" type=""submit"" name=""submit"" value=""Submit"">

</form>

</body>

</html>

相似问题