JavaScript DOM学習 第6章 フォーム例_基礎知識

フォーム インスタンス
これがフォームの強みです。ここには小さな問題があります。私のサーバーが現在サポートしていないため、フォームを送信できません。入力内容を出力して false を返し、フォームは送信されません。
onSubmit コードは 2 つのことを行います。1 つは 4 つのテキスト ボックスにデータが入力されているかどうかを確認し、すべての要素を接続して下のテキスト領域に出力します。
元の記事に例があります。子供用の靴が必要な場合は、ここに移動しません。
テキスト領域の検出
このコードは、ユーザーがテキスト ボックスにコンテンツを入力したかどうかを検出します。チェック ボックスとラジオ ボタンは無視されますが、選択ボックスを選択した場合でも、その値は常に null であるため、ユーザーに選択するよう常に通知されます。したがって、テキストセグメントを検出したいだけの場合は、このコードを使用するのが最適です。

コードをコピー コードは次のとおりです。

function checkscript() {
for (i= 0;i box = document.example.elements[i]; ‘!’); 要素 0 ～ 3 を確認したいので、変数 i を設定します。名前の代わりに番号を使用していることがわかります。これは、名前よりも数字の方が優れている例です。




コードをコピー


コードは次のとおりです。

for (i=0;i<4;i ) {

次に、現在の要素にアクセスするための変数ボックスを作成します。作成しないとdocument.example.elements[i]を何回も書く必要があるのですが、面倒なので書くことができません。

コードをコピーします

コードは次のとおりです。

box = document.example.elements[i]; 🎜>
このテキスト ボックスの値が空の場合は、次の操作を行う必要があります:

コードをコピー コードは次のとおりです。次のように:

if (!box.value) {

まず、テキスト ボックスの名前を使用します。名前が明確であれば、ユーザーはどのテキスト ボックスにその名前が含まれているかを理解しやすくなります。問題。

コードをコピー コードは次のとおりです:

alter('ボックスに記入されていません。 name '! ');

追加サービスとして、ユーザーがすぐに入力できるように、問題のテキスト ボックスにフォーカスを置きます。すべてのブラウザがこれをサポートしているため、これを検出する必要はありません:

コードをコピーします コードは次のとおりです:

box.focus()

そして false を返します。コードの実行が停止し、フォームが送信されません。ユーザーの入力を待ちます。

コードをコピーします コードは次のとおりです。

がすべてテキストの場合は false を返します。ボックスが入力されている場合は、true を返して、すべてが正常であることを示します。機能が停止し、フォームが送信されます。

コードをコピー コードは次のとおりです:

}

}

return true;

翻訳アドレス: http://www.quirksmode.org/js/formex.html 転載のために以下の情報を保管してください著者: Beiyu (tw:@rehawk) )