防止在jQuery中提交表單

Question

我想將數據添加到表的選擇性單元格中。 我用JavaScript編寫了這段代碼。

var rowIndex = 10;
var colIndex = 5;
var dateTable = document.getElementById('timeTable');
dateTable.rows[rowIndex].cells[colIndex].innerHTML = "Su";

我想在jQuery中使用相同的概念：

$('input[name=add_button]').click(function(e) {
    var dateTable = document.getElementById('timeTable');
    var rowIndex = $('[name=days]').val();
    var colIndex = $('[name=times]').val();
    var text = $('input[name = text]').val();
    dateTable.rows[rowIndex].cells[colIndex].innerHTML = text;
    e.preventDefault();
});

我的問題是： preventDefault()方法應阻止我的表單被提交。 這並不阻止表單提交。 如果我刪除dateTable.rows[rowIndex].cells[colIndex].innerHTML = text; 行，表格未提交。 我認為這條線有些問題。 請幫我整理一下。 如果在jQuery中有更好的選擇，請告訴我。 我將能夠使用colIndex和rowIndex查找單元格的位置。

謝謝

Answer 1

嘗試這個：

添加return false; 在您的form tag

<form onsubmit="return false;" ......>

</form>

還要檢查一下索引是從0 or 1 ，如果從1 0 or 1開始，那么在使用它之前必須將其decrease it by 1 ，

例如dateTable.rows[rowIndex-1].cells[colIndex-1].innerHTML = text;

實際上，當您單擊button ，它將prevent其default behavior ，而不是其他元素行為(form in your case) 。

因此，我認為無法在此處阻止您的form 。

您可以使用的備用代碼 ：

$('form#myForm').on('submit',function(e){
    e.preventDefault();
    var dateTable = document.getElementById('timeTable');
    var rowIndex = $('[name=days]').val();
    var colIndex = $('[name=times]').val();
    var text = $('input[name = text]').val();
    dateTable.rows[rowIndex].cells[colIndex].innerHTML = text;
    return false;
});