電話番号の正規表現をJavaScriptを使ってチェック

2017-08-19 最終更新日:2017-08-19

さて今回はフォームの中での電話番号正規表現についてご紹介します。

電話番号を入力する際に携帯と固定電話どちらでも入力可能の場合にどちらの場合でも桁数チェックができるようにしたいと思います。今回はハイフンありなしどちらでもいけるようにします。

チェックするプログラムはJavascriptです。jQueryでも良いですね。

電話番号正規表現

ハイフンのありなしは値に対してハイフンはカウントしないようにします。ハイフンは空にしてから正規表現でチェックします。以下の通りです。簡単ですね。

<script>
var tel = document.getElementById('tel').value.replace(/[━.*‐.*―.*－.*\-.*ー.*\-]/gi,'');
if (!tel.match(/^(0[5-9]0[0-9]{8}|0[1-9][1-9][0-9]{7})$/)) {
	error.innerText = 'エラーメッセージ';
}
</script>

実際にフォーム作成してみましたので以下のデモで確認できます。

⇒デモを見てみる

参考になれば幸いです。

たった1日で基本が身に付く! JavaScript 超入門

posted with ヨメレバ

WINGSプロジェクト,片渕彼富技術評論社 2017-06-15

Amazon

楽天ブックス

∞Tadashi Suyama∞

js tel match

サイト内検索

ブログカテゴリー

著者

ウェブエンジニアのSUYAMAのブログです。

WEBに関することや個人的に関心のあることについて書きます。主に技術系ブログです。

タグクラウド

js tel match

電話番号の正規表現をJavaScriptを使ってチェック

電話番号の正規表現をJavaScriptを使ってチェック

電話番号正規表現

サイト内検索

最近の投稿

大山の大献灯・和傘灯りに行った感想

出雲神話祭り・花火大会

chromeのエクステンションを使わないでウェブページ全体をスクリーンショットでとる方法

はじめてのVim覚え書き

リニューアルした水木しげるロードは夜がおすすめ

ブログカテゴリー

ブログアーカイブ

著者

タグクラウド