4

3 つの入力ボックスがあるフォームがあり、すべての入力ボックスに ID、名前フィールドがありません。したがって、それに値を入力すると、javascriptを使用してIDと名前のフィールドなしで入力ボックスの値を確認するにはどうすればよいですか

<form id='a' action='' >
    <input type='text' value='' />
    <input type='text' value='' />
</form>

これはhtmlのコードで、javascriptを使用して入力ボックスの値を取得したいです。それをしてもいいですか？

4

5 に答える 5

2

それらへの参照を取得し、それらのvalueプロパティを確認できます。

新しいブラウザをサポートする贅沢のために...

[].forEach.call(document.querySelectorAll("#a input[type='text']"),
               function(input) {
                   var value = input.value;
               });

まだ残っているように見える迷惑なブラウザーをサポートする必要がある場合は、もう少しコードを書くだけで十分です。

var inputs = document.getElementById("a").getElementsByTagName("input");
var i;
var length;
var value;

for (i = 0, length = inputs.length; i < length; i++) {
     // Check we have [type='text']
     if (inputs[i].type != "text") {
         continue;
     }
     value = inputs[i].value;

}
于 2012-10-16T11:48:17.427 に答える
1

値を取得できgetElementsByTagName、コードは次のようになります

var inputs = document.getElementsByTagName('input');
value1 = inputs[0].value;
value2 = inputs[1].value;
于 2012-10-16T11:53:16.373 に答える
1

フォーム内の要素elementsだけを反復処理するフォーム オブジェクトのプロパティを使用できます。input

for (var i = 0; i < a.length; i++) {
  var e = a[i];
  if (e.type == 'text') {
    f(e.value);
  }
}
于 2012-10-16T12:05:56.947 に答える
0 
var inpObj = document.getElementsByTagName('input');
for(var i in inpObj){
   if(inpObj[i].type == "text"){
         alert(inpObj[i].value);
    }
}

このコードは、すべての入力テキスト フィールドに警告を発します。

于 2012-10-16T11:57:46.670 に答える
0

フォームの検証を行いたいようです。HTML5 でのフォームの検証については、次のリソースを確認してください: http://www.the-art-of-web.com/html/html5-form-validation/

基本的に、JavaScript を使用しなくても、HTML 属性を使用するだけでいくつかの検証を行うことができます。

于 2012-10-16T12:11:39.727 に答える