入力タイプ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)"> 

以下に示すように、私は3つの新しい列を追加し、一つのデータ1に充填した後「送信」タイプ

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

の3個の入力のタグを持って、私は言及は1つを追加しました。今、私はこの空の行を必要としないので、削除したいと思います。しかし、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

コードは正常に動作します。あなたのフォーム要素からアクション属性を削除して、そのデータをjavascriptのみを使用してポストしてください。

また、削除ボタンは無効です。有効にすると正常に動作します