如何获取输入类型提交 ID 并应用 javascript

Question

我正在使用下面的 jsp 表单来提交数据。在提交之前我想申请javascript。

<form name="inventory" method="post" action="<%=request.getContextPath() %>/Tdata_Main" class="form-light mt-20" role="form" onsubmit="return validate(this)">

现在，我有三个“提交”类型的输入标签

<input type="submit" name="submit" class="btn btn-two" value="Update Inventory">
<input type="submit" name="submit" class="btn btn-two" value="Add Empty Row">               
<input type="submit" id="submitDelete" name="submit" class="btn btn-two" value="Delete Row">

添加三个新列并一一填写数据后，我添加了四列，如下所示。现在，我不需要这第四个空行，因此我想删除它。但是这里也应用了 javascript 代码并要求我填写空白字段。

下面是在表单发起的 onSubmit 事件上执行的 javascript 代码。

<script type="text/javascript">

    function validate(form) {   
        //alert(form.id);
        if(form.id != "submitDelete"){  // NOT WORKING
            for(var i = 0; i < form.elements.length; i++){
                if(form.elements[i].type == "text"){
                    if(form.elements[i].value.length == 0 || form.elements[i].value.length == "null"){
                        alert('No value entered in '+form.elements[i].name+'.');
                        form.elements[i].focus();
                        return false;
                    }
                }   
            }
        }   
        if (confirm("Would you like to proceed!") == true) {
            return true;
        } 
        else{                   
            return false;
        }
    }
</script>

如何避免使用 Javascript 在 Delete 上应用此 javascript 代码。请建议。

Answer 1

您的代码运行良好。只有一件事您应该从表单元素中删除 action 属性并仅使用 javascript 发布该数据。

您的删除按钮也被禁用。启用它，它会正常工作