Ameba Ownd

アプリで簡単、無料ホームページ作成

KEN's PORTFOLIO

お問い合わせページの不具合修正

2019.09.13 02:09

お問い合わせフォームで、

下記のようにエラー表示されたことはないだろうか。

エラー表示の際に、右上に表示され、スマホなどの端末だと画面横幅が広くなってしまう現象。


解決策はこちら!!!


このエラー表示をもう少し左側に表示するためには・・・


<input type="text" id="sample" class="validate[required]" data-prompt-position="bottomLeft">


そうです!

inputのタグ内に「data-prompt-position="bottomLeft"」を追加することで、

表示箇所を指定することができるのです!


"bottomLeft" 以外にも "topRight"  "topLeft"  "centerRight" などがあります。


※重要 (jquery validation engine を導入しているときに限ります!)


jquery validation engineの導入方法などが記載されている記事はこちら↓↓↓