札幌Web制作のシンクグラフィカ

テキストボックスの入力制限(数字)

トモコさん (2014-02-22 08:17:28) mediagate.co.jp/webnew3/contact/contact.html

メールフォームプロ4を使わせていただいております。
機能、デザインとも素晴らしく感謝しております。

数字(年齢)に制限をつけたいのですが、桁数しか対応していらっしゃらないでしょうか。
生年月日に制限をつける方法は試み成功しましたが、そこまで入力してもらう必要は無いので、単純に「19」以下の場合はエラーとしたいです。
どのようにしたら良いか教えてください。

Re:テキストボックスの入力制限(数字)

和田 (2014-02-24 15:49:29) www.synck.com

数字の入力制限を行う場合は
<input type="number" data-type="number" name="数字" data-max="10" data-min="1" />
上記の様にdata-maxとdata-minを利用し、かつtypeはnumberにしてください。

Re:テキストボックスの入力制限(数字)

トモコさん (2014-02-25 03:07:54) mediagate.co.jp/webnew3/contact/contact.html

早速のご回答有難うございました。
data-max="99" data-min="20"だと上手く行かず、
min="20" max="99" としたら認識しました。
ただし、エラーメッセージが吹き出しになってしまい、
ボックスのケイが赤くなってしまいます。
CSSの修正で他と同様になりますか?

Re:テキストボックスの入力制限(数字)

和田 (2014-03-03 17:54:24) www.synck.com

minとmaxはHTML5側の校正になるため、ちょっと趣が異なります。4.1.2でまだnumberの数値チェックは未対応だったかもしれないので、もしお手数でなければ
www.synck.com/contact/inquiry/index.html
こちらのフォームよりご連絡いただければ、まだ公開されていない4.1.3をお渡しいたします。なんだかお手数をおかけしてすいません。