勉強したことのメモ

Webエンジニア / プログラマが勉強したことのメモ。

jQueryで電話番号チェック

   2014/07/02  jQuery

やりたかったことはjavascriptjQuery
電話番号のバリデート。

考慮すべき点は、

・ハイフンどうすんの?
⇒あってもなくても受け付けたい

・電話番号の桁数は?
⇒調べたら10桁以上みたい(国内だけ?)。
http://www.soumu.go.jp/main_sosiki/joho_tsusin/top/tel_number/q_and_a-2001aug.html

■ソース
tel = $("#tell").val();
tel = tel.replace(/-/g, ""); //ハイフンは取っ払う

if(tel == '' || tel == null){ //空チェック
alert('電話番号をご入力下さいませ。');
} else if (tel.match(/[^0-9]+/)) { //半角数字チェック
alert('電話番号は半角数字のみにてご入力下さいませ。');
} else if (tel.length < 10) { //桁数チェック
alert('電話番号が正しくありません。固定電話の場合は市外局番よりご入力下さいませ。');
} else {
//true時の処理
}

以上。

 - jQuery

  関連記事

「input type="number"」のテキストボックスを桁数制限且つ半角数値のみ入力可にする方法

「input type="number"」のテキストボックスに対して「2桁まで」 ...

jQueryでiframe内の要素を呼び出し

jQueryでiframeで開いたbody内の内容が欲しかった。 ■jQuery ...

Ajaxを使用する際の注意

Ajaxで特にJSONPを使う際によくミスることがあるので 注意点をまとめておく ...

jQueryで新しく追加した要素に対してイベントがきかない場合の対応

jQueryで新たに追加した要素に対して、 clickイベントを使いたかったけど ...

エリア→都道府県→路線→駅名を連携する絞り込みセレクトメニューの設置方法

エリア→都道府県→路線→駅名のドリルダウン検索をプルダウン形式で設置したい。以前 ...