フォームの入力例を表示する件

質問

jqueryでフォームに何を入力すればいいかを明確にするために下記URLの
ソースで試してみました。

http://manuelboy.de/projekte/jquery-formtips/index.php

例は表示されるのですが、そのまま送信ボタンをクリックすると空ではなく
入力例として表示している文字がpostされてしまうようです。

入力チェックはphpで行っています。

教えてgooの質問フォームのように何も入力していなければエラーとしたいのですが
そのようなライブラリはありますでしょうか？

htmlのsubmitは下記のようにしています。
<input type="image" src="btn_conf.jpg" alt="入力内容を確認" id="submit" name="submit" onclick="this.form.submit(); return false;" />

回答No.4

fujillin · ベストアンサー

＞そのまま送信ボタンをクリックすると空ではなく
＞入力例として表示している文字がpostされてしまうようです
ご提示のライブラリを内容をざっと見てみましたが、そのようなことはなく、ちゃんとsubmit時に入力用の文字を消す仕様になっているように思えます。

一方で、
＞　<input type="image" src="btn_conf.jpg" alt="入力内容を確認" id="submit" name="submit" onclick="this.form.submit(); return false;" />
と、スクリプトからsubmit()してデフォルトアクションをキャンセルして、わざわざその処理が実行されないようにしているのではないでしょうか？

そのまま、
<input type="submit" name="submit" value="submit">
とか、
<input type="image" src="btn_conf.jpg" alt="Submit" name="submit">
ではダメなのでしょうか？

＞何も入力していなければエラーとしたいのですが
スクリプトで事前チェックを行なってエラー表示したいということでしょうか？
formtips.jsの最後の方の「handle removal of default value」で同様のチェックを行なっていますのでそこに書き加えるか、No1様の回答のように別途チェックするルーチンを設けるかでしょうか。

回答No.3

babu_baboo

HTML5 の input ようそなら、placeholder ぞくせいとか、required ぞくせいとかあります。
そろそろ・・・

回答No.2

root_16

No.1です。
参考URL一緒でしたね。失礼しました。

回答No.1

root_16

雑な回答ですが、最新版ではどうなんですかね？
http://manuelboy.de/projekte/jquery-formtips/index.php

あと、Javascriptが動かない環境もあるので
送信ボタンで送信できる、がデフォルトなのは普通かもしれません。
未入力時に
入力値のデフォルト値が入力例だと分かっているなら
入力チェック時に判定するのは簡単な気もしますが。

お礼

お返事ありがとうございます。
確かに例は固定できる値ですしチェックは増えますがその方法でやってみます！