Nasıl form gönderme düğmeleri önlemek için

SORU

31 Mayıs 2009, Pazar

Nasıl form gönderme düğmeleri önlemek için

Firefox Kaldır ile aşağıdaki sayfada, düğme formu gönderir, ama ekleme butonu yok. Nasıl önlemek form gönderme düğmesi kaldırabilirim?

<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>

CEVAP

31 Mayıs 2012, PERŞEMBE

HTML5 düğmesi unsuru olarak kullanıyorsun. Burada görüldüğü gibi A3 şartnamede belirtildiği gibi varsayılan davranış türü bir gönderme olarak bu düğme neden hatırladın vardır: W3C HTML5 Button

Belirtmek gerekir, bu yüzden yazın açıkça