javascriptから入力配列の値を取得する

Question

ユーザの入力を配列の形で取得するテーブルがあります。値が存在するかどうかを確認しようとしています。私が遭遇する問題は、入力の名前はname="detail[]"です。私が使用しようとすると、document.add_quote_form.detail.value == ''の詳細が得られません。私は下の表を持っています。

<form id="add_quote_form" name="add_quote_form" class="form-horizontal"> 
<table style="width: 90%" id="myTable" class="centered-table table table-bordered"> 
<thead> 
    <tr> 
    <th>Item</th> 
    </tr> 
</thead> 
    <tbody> 
    <tr> 
    <td style="width: 60%"><input type="text" id="detail[]" name="detail[]"/></td> 
    </tr> 
    </tbody> 
    </table> 
</form> 

Answer 1

ない要素のidである[]のどのような目的の特定の？あなたはdocument.querySelector()を使用することができ、属性を使用すると、あなたはそれが必要入力を検証するためにJavaScriptを使用している場合

<form id="add_quote_form" name="add_quote_form" class="form-horizontal"> 
    <table style="width: 90%" id="myTable" class="centered-table table table-bordered"> 
    <thead> 
     <tr> 
     <th>Item</th> 
     </tr> 
    </thead> 
     <tbody> 
     <tr> 
     <td style="width: 60%"><input type="text" id="detail[]" name="detail[]"/></td> 
     </tr> 
     </tbody> 
     </table> 
    </form> 

    <script> 
    var details = document.getElementsByClassName('detail'), 
    details_values = [].map.call(details , function(row) { 
     // you can do what ever you need here if you need to check each value 
     return row.value; 
    }); 

alert(details_values); 

    </script> 

しかし、同じ入力名でTDタグの多くを持っている場合は、ここでセレクタ

document.querySelector("[id^=detail]").value = ""; 

Answer 2

最初の使用クラスではないIDで始まりますあなたはjavascript 100％に依存することが安全ではないためにインターフェイスを使用するだけで、サーバー側の検証も行う必要があります