- 締切済み
JavaScriptで入力文字制限
こちらのページ {AllAbout:JavaScriptで入力文字制限!(入力チェック)} http://allabout.co.jp/internet/hpcreate/closeup/CU20050620A/index2.htm を参考に、入力内容をチェックしてくれるフォームを作成しようとしています。 しかし、私の環境(IE7)では、このページの例えばふりがな入力(ひらがな・カタカナのみ有効)で「123」と入力しEnterキーを押すとアラートが2度表示されてしまいます。これと同じ現象が私の作っているページでも発生しています。 フォーカスを失ったときにチェックをするというのは変えずに、Enterを押したときにアラートを1回しか表示させないようにするにはどうすれば良いのでしょうか。よろしくお願いします。
- javano
- お礼率0% (0/3)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 (1)
- 専門家の回答
みんなの回答
- tochansa
- ベストアンサー率76% (23/30)
全部書くと長くなりそうなのでフリガナチェックのみ書いてみました。 以下と同じ様にenterとlostFocusを英語、年齢にも作ってやればいいんじゃないかなー。 変更箇所は、スクリプトの増加、onkeydownイベントの追加、onblurの変更、送信ボタンをsubmitからbuttonに変更、です <script type="text/javascript"> var enterF; enterF=0; /* ふりがなチェック */ function FuriganaCheck() { // 省略 } /* 全部チェック */ function AllCheck() { // 省略 } function enterFurigana(){ if( window.event.keyCode == 13 ){ enterF=1; FuriganaCheck(); enterF=0; } } function lostFocusFurigana(){ if(enterF==0){ FuriganaCheck(); } } </script> ふりがな <input type="text" name="FuriganaText" size="30" onkeydown="enterFurigana();" onblur="lostFocusFurigana();"><br/> <input type="button" value="送信" onClick="return AllCheck();">
関連するQ&A
- JavaScriptで著作権の年表示
http://allabout.co.jp/internet/hpcreate/closeup/CU20061101A/index2.htm このページを参考に著作権の年をJavaScriptで表示させたところ、 FireFoxに限り画面が真っ白になって左上に「2008」とだけ表示されてしまいます。 ブラウザの戻るボタンを押すとちゃんと表示されるのですが、 この現象の原因と修正方法がわかる方教えていただけないでしょうか。 よろしくお願いいたします。
- 締切済み
- JavaScript
- マージンのマイナスのバグ
http://allabout.co.jp/internet/hpcreate/closeup/CU20060427A/index2.htmでマージンのマイナスをつかったボックスの作り方が載っていますが、エクスプローラーでこの部分をそのまま使ってもボックスのラベルの上の部分が表示されません。FIREFOXではちゃんと表示されているようですが、エクスプローラーでなんとか表示させることはできないでしょうか?
- 締切済み
- HTML
- 入力フォームで、全角カタカナ(正規表示)以外を入力し送信ボタンを押すとアラートを出すjavascriptが知りたいのですが
htmlで、フォームの項目の中にフリガナを入力してもらう際、全角カタカナ(ア~ン、ァ~ヶ、ゞ等を含む正規表示で)以外の入力を行って送信ボタンを押すと、「フリガナを全角カタカナで正しくご入力下さい」というアラートをjavascriptで出したいのですが、どう判定させたらよいものか、さっぱりわからなくて書き込みさせて頂いています。どなたかご存じの方がいらっしゃったら教えて頂けないでしょうか? どうか、宜しくお願い致します。
- ベストアンサー
- JavaScript
- CSSで、フレームを使ったようなメニューを作りたいのですが
HP作り初心者です。ただいま、CSSを使用してのHP作りに挑戦中です。 フレームを使ったHPでよく見るような、画面左側にメニュー、右側に本文という構成にしたいと思っています。 下記「All About」記事を参考に作ってはみたものの、 本文が長いのでスクロールするとメニュー部分が見えなくなってしまいます。 メニュー部分が常に画面上に表示されるように固定したいのですが、どうすればよいのでしょうか。 ご教授よろしくお願いします。 使用ソフト:TeraPadで直打ち。 確認ブラウザ:FireFox3.0.13とIE8.0。 CSS:外部ファイル。A.cssにページレイアウト、B.cssにメニュー部分の情報(文字サイズやリンク関連の装飾など)記載。 メニュー:ulとolタグ使用。 All About・CSSで段組構成 段の背景色が切れないようにする(前) ⇒http://allabout.co.jp/internet/hpcreate/closeup/CU20050328A/ All About・CSSで段組構成 段の背景色が切れないようにする(後) ⇒http://allabout.co.jp/internet/hpcreate/closeup/CU20050401A/ All About・CSSで段組構成 隣の段が下に回りこむのを防ぐ ⇒http://allabout.co.jp/internet/hpcreate/closeup/CU20050307A/
- 締切済み
- ホームページ作成ソフト
- JQuery UIで、表示したタブの中にアコーディオンを追加したい
こちらのページにあるようなタブをjQueryで作り、 http://allabout.co.jp/internet/javascript/closeup/CU20071220A/index2.htm 出来上がったタブの中に、以下のページ http://allabout.co.jp/internet/javascript/closeup/CU20071215A/ にあるようなアコーディオンメニューを表示したいのですが、 タブの表示まではできるのですが、 アコーディオンメニューが追加できません。 実現へのヒント等、教えて頂ければ幸いです。
- ベストアンサー
- JavaScript
- メニューだけを別に更新したい
http://allabout.co.jp/internet/hpcreate/closeup/CU20041111A/index2.htm のようにスタイルシートで段組を作り、メニュー部分だけを変更したいです。 一つのところを編集すれば、全ページに影響するようにしたいです。 メニューをいろいろと変更することが多いのですが、 今は全ページのメニュー部分をいちいち変えている状況です。 過去に同じような質問があればすいません。 どのような検索ワードで検索をかけたらいいのかもわかりません。
- 締切済み
- その他([技術者向] コンピューター)
- CSSで縦三段レイアウトにして、HTML上では真ん中部分を最初に表示
皆様よろしくお願い致します。 http://allabout.co.jp/internet/hpcreate/closeup/CU20041115A/ このように左、中、右で表示させる場合は cssの使い方によってhtmlでは右を一番最初に表示させる事も可能なのは知っているのですが、 seo対策として「上、中、下」のcss縦三段レイアウトで「中」をhtml上では一番最初に表示させたいのですが可能でしょうか?
- ベストアンサー
- CSS
- CGIについて
お忙しいところ、申し訳ないのですがお力をお貸し下さい。ホームページの「Copyright」を自動的に更新できるようにしたいと思い、色々と探しました。「オールアバウト」に説明してある記事【 http://allabout.co.jp/internet/hpcreate/closeup/CU20061101A/index3.htm 】があり、なんとか自力でと試したのですが、書いてある方法がよく理解できません。 初心者でも、実行できるように教えて頂けないでしょうか?宜しくお願いします。
- ベストアンサー
- インターネットビジネス
- JavaScriptのポップアップカレンダーについて
http://allabout.co.jp/internet/javascript/closeup/CU20020529/ 上記サイトにある、JavaScriptを使用したポップアップカレンダを使 っているのですが、ページ内にドロップダウンリストがあるとカレン ダがドロップダウンリストより背面になってしまいます。 (ドロップダウン以外はカレンダが前面に来ます。) カレンダを前面に表示することはできないでしょうか?
- ベストアンサー
- JavaScript