ARCHIVE  ENTRY  COMMENT  TRACKBACK  CATEGORY  RECOMMEND  LINK  PROFILE  OTHERS
<< December 2018 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 >>
<< DreamWeaverCCのインデント | main | 04webserverでのsvgの表示 >>
2017.04.20 Thursday

ブラウザによるフォームのバリデーション機能

前はフォームに入力が無いと入力して下さいを出すのに、JavaScriptとか

サーバから返したりしてたんだけど、今は機能としてあるのでちゃんと確認します。

 

https://www.marineroad.com/staff-blog/14752.html

http://www.atmarkit.co.jp/ait/articles/1104/25/news137.html

 

↑ここら辺のを見ました。

 

1. required属性による入力必須制約
2. pattern属性による入力値のパターン制約
3. type属性に応じた入力値のタイプ制約
4. step属性による入力値制約
5. min属性、max属性による入力値の範囲制約
6. maxlength属性による入力値の長さ制約

 

入力されてない箇所があると警告みたいのが出ますね。

古いブラウザだと出ないのですが、JavaScriptきってても

出るのはいいですね。

コメント
コメントする








 
この記事のトラックバックURL
トラックバック
Powered by
30days Album