勉強したことのメモ

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

  関連記事

JavaScript / jQueryにてページ表示時に指定したテキストボックスにフォーカスさせる方法
JavaScript / jQueryにてページ表示時に指定したテキストボックスにフォーカスさせる方法

ページを開いた際に指定したテキストボックス(input type="text") ...

jQueryで後から追加された要素にイベントを設定
jQueryで後から追加された要素にイベントを設定

jQueryで.html()等を使って追加した要素に対してイベントを設定したかっ ...

jQueryでページ表示時にラジオボタンやチェックボックスにcheckedがついている場合にイベントを実行する方法
jQueryでページ表示時にラジオボタンやチェックボックスにcheckedがついている場合にイベントを実行する方法

ラジオボタンやチェックボックスをチェックした際に、jQuery側で何らかのイベン ...

画像アップロード前の時点で画像が選択されているか確認
画像アップロード前の時点で画像が選択されているか確認

やりたかった事は、フォーム内で画像をアップロードする際、 ちゃんと画像がローカル ...

jQueryのトースト(通知)用ライブラリ「iziToast.js」の利用方法
jQueryのトースト(通知)用ライブラリ「iziToast.js」の利用方法

システム構築の際、エラー表示をJavaScriptのアラートではなくトースト(通 ...