勉強したことのメモ

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

  関連記事

「display: block !important;」指定された要素をjQueryで非表示にする方法
「display: block !important;」指定された要素をjQueryで非表示にする方法

jQueryで特定の要素を非表示にしたかったのでhide()を使用したところ非表 ...

jQueryにて何らかの処理中にブラウザをロックする「waitMe」プラグインの利用方法
jQueryにて何らかの処理中にブラウザをロックする「waitMe」プラグインの利用方法

jQueryにて何らかの処理中、ユーザーによるクリックや入力等の動作を防ぎたい。 ...

videoタグで表示させた動画をjQuery&CSSでフローティングビデオ対応させる方法
videoタグで表示させた動画をjQuery&CSSでフローティングビデオ対応させる方法

Web上の動画をFloatingVideo対応したいという要望を受けた。ページ上 ...

CAPTCHAに代わる無料のツール「Cloudflare Turnstile」の導入方法
CAPTCHAに代わる無料のツール「Cloudflare Turnstile」の導入方法

CAPTCHAと言えばGoogleのreCAPTCHAを思い浮かべるが、稀にCl ...

Ajaxを使用する際の注意
Ajaxを使用する際の注意

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