1 00:00:00,000 --> 00:00:00,430 2 00:00:00,430 --> 00:00:03,020 >> スピーカー:それでは見てみましょう ユーザーを可能にするWebページ 3 00:00:03,020 --> 00:00:06,230 実際に、何かに登録する いくつかのクライアント側を含み 4 00:00:06,230 --> 00:00:08,690 彼または彼女の入力の検証。 5 00:00:08,690 --> 00:00:13,210 >> 私は、フォーム1.HTMLで、ここに注目してください 前と私はしたことと同じ形 6 00:00:13,210 --> 00:00:17,940 私のformタグにID属性を追加し、 の値は、そのように、登録されている 7 00:00:17,940 --> 00:00:22,140 私は私ができる経由でIDを持っている 一意に私のDOMにそのフォームを識別します。 8 00:00:22,140 --> 00:00:26,090 今、私のフォームの下に気づくタグがスクリプトです タグ、非常に意図的になるように、 9 00:00:26,090 --> 00:00:30,840 私のJavaScriptコードのみを実行します フォームタグとそのDOMノードに一度 10 00:00:30,840 --> 00:00:31,990 ロードされている。 11 00:00:31,990 --> 00:00:35,650 >> スクリプトタグの通知の中にある 私は宣言ここに最初の行 12 00:00:35,650 --> 00:00:38,750 フォームの割り当てと呼ばれる変数 これの戻り値 13 00:00:38,750 --> 00:00:42,850 引用ののdocument.getElementById 引用終わり登録。 14 00:00:42,850 --> 00:00:45,860 それが見えるコード行です 私のDOMを通じて、探し 15 00:00:45,860 --> 00:00:50,130 要素または固有を持つノード 登録の識別子を格納する 16 00:00:50,130 --> 00:00:52,590 戻り値は、最終的に この変数に。 17 00:00:52,590 --> 00:00:56,910 >> それから私はそのフォームでイベントを登録 フォーム送信のハンドラ、 18 00:00:56,910 --> 00:01:02,190 form.onsubmitとして割り当てることを 無名関数の本体 19 00:01:02,190 --> 00:01:04,220 次の操作を行うと進む。 20 00:01:04,220 --> 00:01:09,700 もし名前があるフォームのフィールド、 電子メールは、同じユーザからの値を有する 21 00:01:09,700 --> 00:01:14,220 引用終わり何を引用しないために、我々はしている 彼または彼女がユーザに警告するつもり 22 00:01:14,220 --> 00:01:18,120 自分のメールアドレスを提供しなければならず、 私たちは、falseを返すように形 23 00:01:18,120 --> 00:01:21,680 自体が送信されていません ドットPHPを登録します。 24 00:01:21,680 --> 00:01:26,070 >> そうでなければ、フォームは、名前フィールドがある場合 パスワードされ、その値は、 25 00:01:26,070 --> 00:01:28,800 引用終わり引用符、その後のが叫ぶましょう その彼または彼女のユーザーで 26 00:01:28,800 --> 00:01:30,190 パスワードを入力する必要があります。 27 00:01:30,190 --> 00:01:33,620 そして再び、falseを返すように フォームがに提出されていません 28 00:01:33,620 --> 00:01:35,160 ドットPHPを登録します。 29 00:01:35,160 --> 00:01:38,920 >> 一方、値はユーザが持つ場合 と呼ばれるフォームフィールドには入力した 30 00:01:38,920 --> 00:01:43,100 パスワード値と一致しないこと ユーザーがフォームのために提供している 31 00:01:43,100 --> 00:01:47,210 確認というフィールドは、みましょう パスワードがないユーザーで叫ぶ 32 00:01:47,210 --> 00:01:50,800 一致し、そのようにfalseを返す フォームがに提出されていません 33 00:01:50,800 --> 00:01:52,810 ドットPHPを登録します。 34 00:01:52,810 --> 00:01:59,030 >> 最後に、それはその場合ではない場合 フォームの契約入力がチェックされ、 35 00:01:59,030 --> 00:02:02,740 その後のユーザーの説明で叫ぶましょう 彼または彼女が条件に同意しなければならないこと 36 00:02:02,740 --> 00:02:06,660 および状態、そして再びfalseを返す フォームがに提出されないように 37 00:02:06,660 --> 00:02:08,460 ドットPHPを登録します。 38 00:02:08,460 --> 00:02:11,830 >> 他にこれらの間違いのどれも持っていない場合など 行われて、のは確かにtrueを返してみましょう 39 00:02:11,830 --> 00:02:14,990 とフォームが送信されることを可能に ドットPHPを登録します。 40 00:02:14,990 --> 00:02:17,680 >> それではこれらの可能を見てみましょう 開口ただ今のエラー 41 00:02:17,680 --> 00:02:19,150 ブラウザでページを表示します。 42 00:02:19,150 --> 00:02:25,780 http://localhost/form-1.HTML。 43 00:02:25,780 --> 00:02:26,890 ここでそのフォームはその後だ。 44 00:02:26,890 --> 00:02:28,720 それでは何も提供してみましょう。 45 00:02:28,720 --> 00:02:30,660 >> あなたのメールアドレスを提供する必要があります。 46 00:02:30,660 --> 00:02:34,930 すべての権利、少なくとも協力しましょう それらの線に沿って。 47 00:02:34,930 --> 00:02:36,380 >> あなたはパスワードを入力する必要があります。 48 00:02:36,380 --> 00:02:40,150 大丈夫、のは選択できる クリムゾンのようなパスワード。 49 00:02:40,150 --> 00:02:41,245 パスワードが一致しません。 50 00:02:41,245 --> 00:02:46,250 ああ、私は協力し、提供する必要があります 同じ単語、深紅、再び。 51 00:02:46,250 --> 00:02:48,290 >> あなたは利用規約に同意する必要があります と条件。 52 00:02:48,290 --> 00:02:50,290 大丈夫、今度は、そのボックスをチェックしてみましょう。 53 00:02:50,290 --> 00:02:52,910 そして最後に、やれやれ、私が登録したんだ。 54 00:02:52,910 --> 00:02:54,678