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在删除上应用此JavaScript代码。请建议。

Answer 1

您的代码运行正常。您只应从表单元素中删除action属性，并仅使用javascript发布该数据。

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

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

1 个答案: