Minory

日本語 特有の問題とも言えなくもないが、 入力フォーム を構築する上でよくある 全角 ・ 半角 の問題。 前回、 正規表現 の記事の時にも書きましたが、ユーザーは基本的に自由に入力できるので、それを制御する側は大変です。 今回も忘れないように、 全角 ・ 半角 変換 スクリプト をメモっておきます。 アプリを開発する上で、文字や数字の妥当性をチェックする際に欠かせないのが正規表現。いくら説明されても何かの暗号のようでなかなか理解できません。こうなったら、よく使う正規表現をコピペですぐ利用できるようにまとめておきましょう。フォームでよく使う正規... 【保存版】PHPとJavaScript兼用！エラーチェック用の正規表現一覧 - Minory 英字・数字・記号を変換 PHP では mb_convert_kana() 関数が用意されていますが、 JavaScript では 正規表現 を利用して変換します。 少々面倒ですが、後に記述する カタカナ の 全角 ・ 半角 変換 よりは比較的簡単です。 全角英数字を半角英数字にする場合 function toHalfWidth(elm) { return elm.value.replace(/[Ａ-Ｚａ-ｚ０-９！-～]/g, function(s){ return String.fromCharCode(s.charCodeAt(0)-0xFEE0); }); } 半角数字を全角数字にする場合 function toFullWidth(elm) { return elm.value.replace(/[A-Za-z0-9!-~]/g, function(s){ return String.fromCharCode(s.charCodeAt(0)+0xFEE0); }); } 参考： 【jQuery】inputの全角数字・全角アルファベットを半角に変換 – Qiita カタカナを変換 カタカナ も PHP の mb_convert_kana() のように一発で変更できれば良いのですが、どうやら1つずつ 置換 するしか無いようです。 半角カタカナを全角カタカナにする場合 function toFullZ...

jQuery の呼び出す時の 書き方 が何通りかあります。 皆さんも何度か目にしたと思います。 どれも同じように見えますが、実際には 書き方 にって 動作 が違います。 jQueryの書き出し 例えば、以下のようによく見かける 3つ の 書き方 があります。 $(function(){}); $(document).ready(function(){}); $(window).load(function(){}); 他にも、 $() を jQuery() と書くこともありますが、ここでは割愛します。 結論から言うと、 $(function(){}); と $(document).ready(function(){}); は同じ動きをしますが、 $(window).load(function(){}); は 実行 タイミング が違います。 参考にしたサイトがとても詳しく解説されていたので引用しています。 引用： jQueryの読込み「ready」と「load」と「function」の順番について | web-wizardry 実行する順番 ready と load に絞って話を進めます。 基本、プログラムは上から下に実行されますが、ここでは ready が先、 load が後に読み込まれるということを紹介しておきます。 具体的な順番は次のようになります。 ページの読み込みが始まる HTMLの読み込みが終わる $(document).readyが実行 画像など含めすべてのコンテンツの読み込みが終わる $(window).loadが実行 引用： 【jQuery】処理実行タイミング $(document).readyと$(window).load – Qiita 2つの決定的な違いは？ どちらも HTML の読み込みが終わった状態ですが、 画像 など コンテンツ 全体の読み込みが終わった後に実行されるのが load です。 しかし、単純に順番の問題ではなく、適切に使い分けることが重要です。 例えば、 ready の場合は画像が読み込み終わっていないので、 CSS で指定していない大きさが可変の画像に対して、幅や高さを取得しようとするとおかしくなります。 以下、使い分け方の例です。 [ready] htmlを...