So erhalten Sie die Eingabe-ID geben Sie ein und wenden Sie Javascript

Question

Ich verwende unten jsp Formular, um die Daten zu übermitteln. Vor dem Absenden möchte ich Javascript anwenden.

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

Nun, ich habe drei Eingänge-Tags von ‚Senden‘ Typ

<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"> 

Nach der Zugabe von drei neue Spalten und durch einen in den Daten einer Füllung, habe ich weiter ein, wie unten gezeigt. Nun, ich brauche diese vierte leere Reihe nicht, daher möchte ich sie löschen. Aber der JavaScript-Code wird auch hier angewendet und fordert mich auf, die leeren Felder auszufüllen.

Unten ist der Javascript-Code, der auf dem onSubmit Ereignisse von Form eingeleitet wird ausgeführt zu werden.

<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> 

Wie konnte ich vermeiden, diese Javascript-Code immer Löschen auf angewendet wird Javascript verwenden. Bitte schlagen Sie vor.

Answer 1

Ihr Code funktioniert gut. Sie sollten nur das action-Attribut aus Ihrem Formularelement entfernen und diese Daten nur mit Javascript posten.

Auch Ihre Schaltfläche zum Löschen ist deaktiviert. Aktivieren Sie es und es wird gut funktionieren