javascript for文 関数

Question

空白だった場合
購読する場合は、全て入力して下さい。と表示されるコードなのですが
分からない点がいくつかあるので教えてください

まず、lengthはformのエレメント数を参照するものだと思うのですが
何故このようにfor文の中に記載されているのでしょうか？

element[i]この文の意味を教えてください

function check(){
for(i=0; i<document.form1.length; i++){
if(document.form1.element[i].value == ""){
alert("購読する場合は、全て入力して下さい。");
return false;
}
}
return true;
}

Comments

[Zuishin]

https://teratail.com/questions/o9mpgz2lrzac0t

わかったのかわからないのかさっぱり伝わりません。何も疑問点はありませんか？ 無いのなら解決済みにして言われたことを丸暗記してください。

質問のほとんどが未解決です。

[Lhankor_Mhy]

質問一覧を拝見しましたが、ほとんどの質問が放置されているようです。

意図してフリーライダーをしているならともかく、自覚がないのでしたら、質問を解決するようにされてはいかがでしょうか。

Answer 1

例えばこんな感じ

<script>
function check(){
  console.log(document.form1.length);
}

</script>
<form name="form1" id="f1">
<input>
<input>
<input>
<input>
</form>
<hr>
<input type="button" value="check" onclick="check()">
<input form="f1">

「document.form1」というのは古い書き方でformについたnameを元にformに含まれる構成要素を拾います。
各要素へのアクセスは連番で参照されるelementsプロパティを利用します。
構造的にform内になくても理論的に含まれる要素は対象になります
構造的な「document.querySelectorAll('form input').length」と数が異なることを確認ください

Comments

[sho0922]

回答いただきありがとうございます
ぼんやりとですが理解することができました

Answer 2

「document.form1.length」は「form1」内の部品の数を返します。
参考：http://www.htmq.com/js/form_length.shtml

「document.form1.elements[]」は「form1」内の部品を配列要素で指定します。

document.form1.elements[0]; // これはHTML上で「form1」内の一番最初の部品を扱う
document.form1.elements[1]; // これはHTML上で「form1」内の二番目の部品を扱う

参考：https://developer.mozilla.org/ja/docs/Web/API/Document/forms

ですので、ご指定いただいたコードの説明を簡潔にするのであれば、「form1」内の全ての部品を検索して入力チェックを行っているということになります。

Comments

[sho0922]

回答いただきありがとうございます

Answer 3

何故このようにfor文の中に記載されているのでしょうか？

ループの数を決める以上、いちばん素直に書けばこうなります（どこに書くべき、と考えていましたか？）。

element[i]この文の意味を教えてください

elements（MDN）の間違いではないでしょうか。