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

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

http://manuelboy.de/projekte/jquery-formtips/ind …

例は表示されるのですが、そのまま送信ボタンをクリックすると空ではなく
入力例として表示している文字が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 回答日時： 2011/07/11 21:05

＞そのまま送信ボタンをクリックすると空ではなく

＞入力例として表示している文字が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 回答日時： 2011/07/11 16:11

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

そろそろ・・・

No.2 回答者： root_16 回答日時： 2011/07/11 16:03

No.1です。

参考URL一緒でしたね。失礼しました。

No.1 回答者： root_16 回答日時： 2011/07/11 16:00

雑な回答ですが、最新版ではどうなんですかね？

http://manuelboy.de/projekte/jquery-formtips/ind …

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

この回答へのお礼

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

お礼日時：2011/07/11 17:08