• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:フォームの入力例を表示する件)

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

このQ&Aのポイント
  • jqueryを使用してフォームの入力例を明確にする方法について、URLを参考に試してみました。
  • 例は表示されるが、送信ボタンをクリックすると入力例の文字がpostされてしまう問題に直面しています。
  • 教えてgooの質問フォームのように何も入力していなければエラーとする方法について、ライブラリの有無を知りたいです。

質問者が選んだベストアンサー

  • ベストアンサー
  • fujillin
  • ベストアンサー率61% (1594/2576)
回答No.4

>そのまま送信ボタンをクリックすると空ではなく >入力例として表示している文字が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様の回答のように別途チェックするルーチンを設けるかでしょうか。

全文を見る
すると、全ての回答が全文表示されます。

その他の回答 (3)

回答No.3

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

全文を見る
すると、全ての回答が全文表示されます。
  • root_16
  • ベストアンサー率32% (674/2096)
回答No.2

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

全文を見る
すると、全ての回答が全文表示されます。
  • root_16
  • ベストアンサー率32% (674/2096)
回答No.1

雑な回答ですが、最新版ではどうなんですかね? http://manuelboy.de/projekte/jquery-formtips/index.php あと、Javascriptが動かない環境もあるので 送信ボタンで送信できる、がデフォルトなのは普通かもしれません。 未入力時に 入力値のデフォルト値が入力例だと分かっているなら 入力チェック時に判定するのは簡単な気もしますが。

dcx147
質問者

お礼

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

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • ラジオのチェックでフォーム表示、PHPへPOSTさせたい

    見よう見まねで作成したのですが、わからないので教えてください。 ラジオボタンのOKをクリックするとアカウントとパスワードの入力フォーム、ログインボタンが表示され、aaa.phpに飛びたいです。 「OK」で表示、「NO」で非表示はなんとかできましたが、問題が2点あります。 1.test.htmlにアクセスしたときすでに「OK」にチェックがついていて、テキストエリアとログインボタンが表示されてしまいます。 「NO」のほうにcheckedをいれてみましたがダメでした。 2.phpへとばず、test.htmlにとんでしまいます。 宜しくお願いいたします。 test.html - - - - - - - - - - - - - - - - - - - <script type="text/javascript"> <!-- function Sel(me){ if(me.value=="1"){ me.form.account.disabled=false; me.form.password.disabled=false; me.form.btn.disabled=false; document.getElementById('SelA').style.display=(document.all)? 'block':'table-row'; document.getElementById('SelB').style.display='none'; }else{ me.form.account.disabled=true; me.form.password.disabled=true; me.form.btn.disabled=true; document.getElementById('SelA').style.display='none'; document.getElementById('SelB').style.display='none'; } } //--> </script> <form name="Quick1"> <form name="send" method="POST" action="aaa.php"> <input type="radio" name="AB" value="1" checked onclick="Sel(this)">OK <input type="radio" name="AB" value="2" onclick="Sel(this)">NO</td></tr> <tr id="SelA"> <td></td><td> <input type="text" size="30" maxlength="5" name="account" ><br> <input type="password" size="24" maxlength="5" name="password" > <input type="submit" name="btn" value="ログイン"> </form> </td></tr> <tr id="SelB" style="display:none">・・・</form>

  • 入力フォームからconfig.phpを変更したい

    こんにちは。 PHPで作った入力フォームから、 --config.php-- $test = '○○'; の○の部分(変数の値)を変更したいのですが、 どうすればよいでしょうか? 予定としては、 admin.phpに入力フォームを埋め込み、そこの入力フォームに入力されたものをsubmitすると、config.phpの 変数の値が変更されるという風にしたいのです。 例 1.入力フォームに"test"と入力されました。 2.それをsubmitしました。 3.すると、config.phpの変数$test が、$test = 'test'; に変更される。 どなたかお願いします!

    • 締切済み
    • PHP
  • PHPでフォームに自動入力

    PHP初心者です。 (1)フォームに手入力しsubmit (2)手入力の内容をファイルに保管 (3)よそのサーバのフォームを開きユーザ名/パスワードを入力しsubmit (4)パスワード入力後に展開されるフォーム(https)に(1)の手入力の内容を入力しsubmit (5)"(4)"でsubmitした結果で次に表示するフォームを決定したい  submitした結果はフォームに正常/エラーが表示されます 自サーバのWebフォームに入力された内容を他のサーバに反映したい。 サーバへの反映結果で次処理を変えたい。 他のサーバに反映させる手段はWebの入力フォームのみとなっています。 (3)(4)(5)をサーバで動作するPHPで自動的(トリガーは(1))に行いたいです。 (3)(4)(5)の実装方法をどなたかご伝授いただけないでしょうか。 サンプルのソースがあればありがたいです。 linuxサーバ(Fedora) PHP 5 質問内容が大きすぎ申し訳ないですが伝授いただけないでしょうか。

    • 締切済み
    • PHP
  • 文書オブジェクトについて???

    フォームボタンの画像を入れ替えたいのですが、 正しく動きません。何が悪いのでしょうか? 文字コードはEUC-JPを使っていますが、関係あるのでしょうか? <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=EUC-JP"> <TITLE>Javascript</TITLE> <script type="text/javascript"> <!-- function btn_click(dat) { if(teban == 1){ document.forms['btn'].elements['btn1'].src = "./img/b.gif"; }else{ document.forms['btn'].elements['btn2'].src = "./img/d.gif"; } } --> </script> </HEAD> <BODY> フォームのボタンを使ってクリックすると画像が変わる  ようにしたい <form name="btn"> <input name="btn1" type="image" src="./img/a.gif" onClick="play_start(1); return false;"> <input name="btn2" type="image" src="./img/c.gif" onClick="play_start(2); return false;"> </form> </BODY> </HTML>

  • お問い合わせフォーム。確認画面でつまずいてます。

    phpでフォームを作成しています。フォーム確認画面で思うように動作しません。 確認画面の「修正する」ボタンを「input type="submit"」から「input type="image"」に変更し、画像ボタンとしたいです。 ソースを下記のように書き換えると、前画面に戻らず、そのまま送信してしまいます。 <input type="hidden" name="status" value="send">'."\n".'<input type="submit" value="送信する"> <input type="submit" name="edit" value="修正するぞおお"> ↓ <input type="hidden" name="status" value="send">'."\n".'<input type="image" name="send" src="../images/send_btn.gif" value="送信する"> <input type="image" name="edit" src="../images/reset_btn.gif" value="修正するぞおお'"> 「修正する」ボタンを画像に変更するには、他に追記する必要があるのでしょうか? 正しい動作は、「修正する」ボタンを押すと、入力項目を残した状態のフォームへ戻ります。 その動作もphpのどこに記載されているのか、今いち分かっておりません・・・。 「魔法のメールフォーム MagicalForm」http://magical-form.com/ を利用しています。 初心者で申し訳ないのですが、どうぞよろしくお願いいたします。

    • 締切済み
    • PHP
  • formの送信ボタンクリック後、別ウインドウ表示

    お世話になります。 現在下記の指定でPDFを表示しています。 <INPUT type="submit" name="submit" value="送信" onClick="form.action='tcpdf/pdf.php';return true" class="button_order"> これをクリック後、別ウインドウでPDFを表示したいのですが、 onClick="form.action='tcpdf/pdf.php';return true"の部分を onClick="form.action='tcpdf/pdf_sample.php';target='_blank'"とかにしても うまくいきせん。 ボタンはもう一つあるので、 <INPUT type="submit" name="submit" value="戻る" onClick="form.action='201504_1_2.php';return true" class="button_re-selection"> 出来れば、送信ボタンのみの設定を別ウインドウ表示にしたいです。 よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • PHP入力フォームについて

    現在入力フォームを作っています。 流れとしてはDBに入っている会員情報をフォーム上に呼び出して(各inputにはDB内の会員の情報が表示される)各会員が自分の情報を編集できるというフォームです。 ここで質問なのですが、会員の人が自分の入力内容を変更した際に入力漏れがあるとフォーム画面に戻るのですがその際に入力した内容が表示されるのではなくDB内のデータが表示されてしまいます。 これをDB内のデータではなく入力した内容にしたいのですが、どうしたらよろしいでしょうか? ソースは下記になります。 form.php <?php DB呼び出し・・・ $_SESSION['name'] = $row['name']; ・・・ ?> <?php echo $_SESSION['err_name']; ?> <input type="text" name="name" value="<?php echo $_SESSION['name']; ?>" /> confirm.php <?php $name = htmlspecialchars($_REQUEST['name']); if(!strlen($name)) { $_SESSION['err_name'] = '氏名を入力してください。'; $errFlag = true; } else { unset($_SESSION['err_name']); } エラーの時はform.phpに戻る ?> <?php echo $name; ?> としています。 とても省略していますが、お分かりの方がいらっしゃいましたら教えていただけると助かります。

    • 締切済み
    • PHP
  • フォーム内にある複数のボタンをアンカータグで代替する場合、これらのボタンの識別情報をサーバに引き渡す方法を教えて下さい。

    php,javascriptの初心者です。 フォーム内にある複数のボタンをアンカータグで代替する場合、これらのボタンの識別情報をサーバに引き渡す方法を教えて下さい。 〔質問の内容〕 以下のフォームにある2つのボタン(文字)を画像ボタン (例えば、(1)、(2))に変えようとしたのですが、 <form action="aaa.php" method="post" name="myform">  ・  ・  ・ <input type="submit" name="btn1" value="修正"> <input type="submit" name="btn2" value="送信">  ・  ・  ・ </form>  (1) <input type="image" src="syuusei.gif" name="btn1" alt="修正">  (2) <input type="image" src="soushin.gif" name="btn2" alt="送信"> 次の情報によると、 http://okwave.jp/qa2838479.html http://forums.devshed.com/html-programming-1/input-type-image-onclick-doesn-t-work-in-netscape-1299.html http://miau.s9.xrea.com/blog/rsd.php?catid=3 2006年 7月 08日 (土曜日)Netscape 4.x の対応とか http://forums.devshed.com/html-programming-1/input-type-image-onclick-doesn-t-work-in-netscape-1299.html 多くのブラウザで安定な動作を確保するためには、 「アンカータグでこれらのボタンを代替する」ことが もっとも望ましいようです。 そこで、このようなアンカータグを用いる場合について、 以下の点を教えて下さるようにお願い致します。 上記ボタンの識別情報name(btn1やbtn2)は、 どのようにしてサーバに通知したらよいのでしょうか?。 以上、よろしくお願い致します。

  • 携帯サイトの入力フォームについて!修正画面編

    こんにちわ! お世話になります。 すごく初歩的な質問になってしまいます。 入力フォームを作っているんですけど・・。 入力→確認→修正→完了 ぜんぶ1ページにまとめて作ってるんですけど現在、確認画面から修正画面に行くときにGETメソッドになってしまいます。 確認画面のソースです。 <form id="form1" name="form1" method="post" action="Auction.php?1=<?=$_POST['1'];?>"> 入力内容:<?=$_POST['1'];?> <input type="submit" name="Submit" value="修正" /><input type="submit" name="Submit" value="完了" /> </form> せっかくPOSTで受け取っているのに修正するときはGETになっていてちょっとおかしいですよね。。。 いまいち入力フォームは苦手項目なので分かりません。。。

    • ベストアンサー
    • PHP
  • フォームの表示が消えてしまう・・・

    初歩的なことでつまづいております。 フォームを利用して「入力」フォームに文字を入れ、「入力!」ボタンを押すと「結果」フォームにその文字を表示させたいのですがうまくいきません。 やりたいことは、 1.「入力」フォームに文字を入れます(たとえば"123") 2.「入力!」ボタンを押します 3.すると「結果」フォームに"123"と表示させたいです  4.また、「入力」フォームにはそのまま"123"が表示されたままにしたいです なぜか下記の記述だとボタンを押した瞬間にすべてのフォームの文字表示が消えてしまいます。 これはどうしてなのでしょうか?すみませんがよろしくお願いします。 <HTML> <HEAD> <TITLE></TITLE> <SCRIPT LANGUAGE="JavaScript"><!-- function calcButton() { var inputValue = document.calc.input.value; document.calc.result.value = inputValue; } //--></SCRIPT> </HEAD> <BODY> <FORM name="calc" action=""> 入力<INPUT type="text" size="5" name="input"><BR> 結果<INPUT type="text" size="5" name="result"><BR> <INPUT type="submit" value="入力!" onClick="calcButton()"> </FORM> </BODY></HTML>