2016-05-29 48 views
0

我正在使用下面的jsp'表单来提交数据。在提交之前,我想要应用JavaScript。如何获取输入类型提交ID并应用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代码也在这里得到应用,并要求我填写空白字段。

enter image description here

下面是得到从形式发起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代码。请建议。

回答

0

你的代码工作正常。只有一件事你应该从你的表单元素中移除action属性并仅使用javascript发布该数据。

此外,您的删除按钮被禁用。启用它,它会正常工作

+0

_Why_删除属性?它在哪里被禁用? – Rayon

+0

@Rayon我编辑,以后,它被禁用之前:) – Rohit

+0

@Rahul感谢您的快速回复。你能否让我知道在哪里添加代码以及应该实际添加哪些代码。? – Rohit

相关问题