LESSON 6 追加課題

form タグに novalidate 属性をつけた場合と、つけていない場合のそれぞれで動作確認をしてください。

novalidate 属性をつけていない場合:

いずれかのチェックに引っかかったら保存ボタンが動作しないようにしてください。

novalidate 属性をつけた場合:

  • メールアドレスが空白のときは「必須項目です」、
    空白でなく誤っているときは「メールアドレスが正しくありません」等と、
    それぞれ異なるメッセージが表示されることを確認してください。
  • 通勤時間は、空白の場合はエラーなし、
    空白でなく、小数、負の数、数値以外であるときはエラーが出ることを確認してください。