如何阻止动态添加的按钮刷新表单提交错误HTML / jQuery

问题描述

在我的HTML页面中，特定列的表格的每一行中都有一个按钮。用户可以在运行时添加新行，并且这些按钮也会与每行中的其余字段一起插入。

正在使用以下按钮添加按钮：

function funcAddBtnopenPad() {
// VARS FOR ADDING BUTTON IN CELL "6"
// STORING BUTTON ATTRIBUTES
var btnopenPad = $('<input/>').attr({ type: 'button',id:'idBtnopenPad',class:'clsBtnopenPad',name:'btnopenPad',value:'Pad' });

$('#childTable tr').each(function(tempRowIdx) {
    
// CONSTRUCT TAG FOR BUTTON "Pad" IN CELL "6"
    tempButtonCellTag = 'id_tIndx'+tempRowIdx+6;

// HERE WE ARE INSERTING THE BUTTON "Pad" <<<<
        $('#'+ tempButtonCellTag).append(btnopenPad);
        $(this).find("input[type='button']").attr('id','idBtnopenPad'+tempRowIdx);
});
}

初始页面，其中添加了几行，如下所示：

在填写了一些数据（在最后一个字段中）后，表格如下所示：

此设置有效，直到在页面提交时遇到错误（例如，由于用户未填写必填字段）所有行中的按钮最后一行消失，如下所示：

如何停止表格刷新，以使按钮不会消失？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）