Japanese subtitles

← Regex validation - OSP

Get Embed Code
4 Languages

Showing Revision 1 created 05/19/2014 by K2480.

  1. メールアドレスの入力などには
    基本的な検証方法があります
  2. ただしあまり理解されません
  3. HTML5はクライアント側での検証を
    サポートしてくれます
  4. input要素にはpattern属性もあり
  5. クライアント側での検証に活用できます
  6. pattern要素はJavaScript
  7. regex、シンタックスで書かれた
    正規表現を受け入れます
  8. 正規表現については
    各自でしっかり把握しておきましょう
  9. 例えば市外局番を含めた
    米国の電話番号だけを許可したい場合
  10. 番号は11桁になります
    ここに正規表現で11と入れます
  11. 電話番号を入力すると
  12. 要求されたフォーマットと一致していないという
    エラーメッセージが出ます
  13. エラーメッセージは要素の
    タイトルなので変えることができます
  14. エラーメッセージをカスタマイズしました
  15. 一般的にはこの設定ではシンプルすぎます
  16. いろいろ加えてこのようにするでしょう
  17. 3桁の番号でカッコがつく可能性があり
  18. 次にスペース、ピリオド、ダッシュが任意で入り
    さらに3桁の数字の後
  19. 同じようにスペース、ピリオド、ダッシュが入り
  20. その後にさらに4桁の数字
  21. こうすると入力の仕方にオプションを与えることができ
  22. このように電話番号を入れると認められます