勉強したことのメモ

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

  関連記事

ラジオボタンのカスタムデータ属性を取得し、特定の値の場合はチェックさせない方法
ラジオボタンのカスタムデータ属性を取得し、特定の値の場合はチェックさせない方法

ASPを使用したサイトで特定のradioボタンは選択不可にしたいというケースがあ ...

jQueryの画像スライダー用プラグイン「slick」の使い方
jQueryの画像スライダー用プラグイン「slick」の使い方

jQueryの画像スライダー用プラグイン「slick」の使い方についてソースコー ...

「emoji-mart」プラグインを利用してsummernoteに絵文字機能を追加する方法
「emoji-mart」プラグインを利用してsummernoteに絵文字機能を追加する方法

summernoteに絵文字機能を追加したい。具体的にはツールバーに新たにボタン ...

jQueryで同サーバ内のCSVを読み込み、配列やオブジェクトとして取り扱う方法
jQueryで同サーバ内のCSVを読み込み、配列やオブジェクトとして取り扱う方法

先日バニラJavaScriptで同サーバ内のCSVを読み込み、配列として取り扱う ...

jQueryでformの各種パーツ(テキストボックス等)の操作まとめ
jQueryでformの各種パーツ(テキストボックス等)の操作まとめ

jQueryでフォームのセレクトメニューやラジオボタン等、各種パーツを操作するこ ...