KREDO BLOG / FORM PRACTICE
その入力、
どの条件で止まる？
HTMLの標準判定と、前後の空白を除いた独自ルールを比べます。
学習メモの入力を試す
まず「Web」「30」を入力して確認し、どちらか一つを変えてみましょう。
まだ確認していません。
ここでは比較のため自動の送信時検証を止め、ボタンからcheckValidity()を呼びます。実際の送信・保存は行いません。
標準の条件
HTMLだけ
未確認
確認するとここに結果を表示します。
教材で決めた条件を追加
HTML＋独自ルール
未確認
確認するとここに結果を表示します。
コードで値を入れると？
下のボタンは、学習内容のvalueへコードで値を代入します。手で「AI」を入力した結果と比べてください。maxlengthを超える13文字の代入も比較できます。
直近の操作：初期状態
次に試す値
- 学習内容：空欄／半角スペース3個／全角スペース3個／AI／Web／ABCDEFGHIJKL
- 前後の空白：「 A 」「 Web 」。違いを予想してから入力してください。
- 長さ：「ABCDEFGHIJKLM」を手で入力すると、欄に残るのは何文字でしょうか。
- 時間：空欄／0／5／120／125／6。最低・最高・刻みを比べましょう。
- 修正：空白だけで確認した後「Web」へ直し、もう一度確認してください。