- 締切済み
フォーム2度押禁止ボタンscriptで文字化け
フォーム2度押禁止ボタンscriptで文字化け 登録ページのフォームのボタン2度押し禁止の処置として色々参考にさせていただいてjavascriptで記述しました。ボタン2度押し禁止機能はうまく動作します。フォーム入力後次のページへ移動するときデータベースと照合しOKなら移動するように設定しているのですが検索時間が長いとき、もとのフォームのまま待ちますがそのときなぜかボタンを押したときからページが切り替わるまでフォーム内のフォントが変化して見栄えが変わります。なぜでしょうか？ 簡単なフォーム入力のスクリプトを下記に示します。ボタンを押したらフォーム内のみフォントの大きさが変わります。全然解明しません？？ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>無題ドキュメント</title> <style type="text/css"> <!-- .fnt9pt { font-size: 9pt; } --> </style> <SCRIPT TYPE="text/javascript"> <!-- //submitの2度押し防止 function disableButton(){ document.form1.button1.disabled = true; submitForm(); } function submitForm(){ document.form1.submit(); } // --> </SCRIPT> </head> <body> <p><font size="5" face="HGP創英角ポップ体"><font face="HGP創英角ポップ体">サンプル</font></font></p> <form name="form1" method="post" action=""> <table width="576" border="0"> <tr> <td width="214">1口</td> <td width="352"><input name="textfield" type="text" size="12" maxlength="12"></td> </tr> <tr> <td>可能</td> <td><input type="text" name="textfield2"></td> </tr> <tr> <td>100口</td> <td><input type="text" name="textfield3"></td> </tr> <tr> <td colspan="2"> <input type="button" value=" 確認 " onClick="disableButton()" name="button1"></td> </tr> </table> </form> </body> </html>
- biglake
- お礼率0% (0/1)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- yamada_g
- ベストアンサー率68% (258/374)
当方の環境ではそのような事象は再現しませんね・・・ IE8、chrome、Firefox、Opera、Safariにて確認しました。 OSはWindowsXP Pro SP3です。 どのような環境での現象なのでしょうか？
補足
私の環境lenovo XP SP3 IE8 と自作PC XP SP3 IE8 の両方で現象出ました。IEをスタートから立ち上げ表示し入力ボタンを押すとこの場合DBとのアクセスがないので一瞬ですが文字が大きくなります。 レスポンスが早いと気がつきにくいかもしれません。 あとその後判ったのですがツールバーの表示の文字サイズ指定をどれか押すとその後現象が消えます。 それ以降はツールバーの拡大で大きさ変更しても現象でないです。デフォルトの文字サイズが関係してそうですがわかりません。