勉強したことのメモ

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

  関連記事

jQueryのdatetimepickerでスクロール入力を無効化させる方法
jQueryのdatetimepickerでスクロール入力を無効化させる方法

日時ピッカーのjQuery datetimepickerにて、ピッカーを指定して ...

jQueryでshow/hideよりaddClass/removeClassの方が速い
jQueryでshow/hideよりaddClass/removeClassの方が速い

diaplay:none/blockする際に最近はshow()/hide()を ...

jQuery UIのDatepickerでリセット(入力内容消去)ボタンの追加方法
jQuery UIのDatepickerでリセット(入力内容消去)ボタンの追加方法

jQuery UIのDatepickerでキーボード入力を防ぎたいためreado ...

jQueryで対象の要素をまとめて親要素で囲む方法
jQueryで対象の要素をまとめて親要素で囲む方法

あるシステムで出力されているHTMLタグを指定した親要素で囲みたいというケースが ...

日付の範囲指定用プラグイン「DateRangePicker」の利用方法
日付の範囲指定用プラグイン「DateRangePicker」の利用方法

日付型のデータを検索する際に開始・終了日のテキストボックスを用意し、それぞれにタ ...