電話番号の正規表現をJavaScriptを使ってチェック
電話番号の正規表現をJavaScriptを使ってチェック
さて今回はフォームの中での電話番号正規表現についてご紹介します。
電話番号を入力する際に携帯と固定電話どちらでも入力可能の場合にどちらの場合でも桁数チェックができるようにしたいと思います。今回はハイフンありなしどちらでもいけるようにします。
チェックするプログラムは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>実際にフォーム作成してみましたので以下のデモで確認できます。
参考になれば幸いです。
∞Tadashi Suyama∞
サイト内検索
最近の投稿
姫路セントラルパークに行ってきた感想
さて久しぶりになりましたが連休中に姫路市に行って参りました。太陽公園と姫路セントラルパークを2日かけて回りましたが姫路セントラルパークに関しては1日では足りないぐらいかもしれないです。ここは遊園...
12 May 2019
これは楽！iterm2パスワードマネージャー機能
さて今回はiterm2のパスワード管理についてです。そもそもこんな機能がついていること自体知らなかったのでこれ使って楽だなと思ったのでご紹介します。 iterm2の現在時点での最新バージョンは...
30 Mar 2019
JavaScriptライブラリデータベースのご紹介
さて今回はJSライブラリーのデータベースをご紹介したいと思います。知っている方が多いかと思いますがライブラリやプラグイン、フレームワークなど探す際には役立つサイトではないでしょうか。 どのJS...
28 Mar 2019
Web制作者が8年Chrome使ってきた中でおすすめの拡張機能
最近はEdgeもGoogle Chromeと同じChromiumベースでのブラウザとなりほとんどクローム（Chrome）状態ではあります。FirefoxとSafariぐらいでしょうか。Firef...
17 Mar 2019
Bootstrap4でフォーム入力の際にカレンダーから日付入力する方法
最近はメインでのコーディングはBootstrap4に移行しておりますがいろいろと3の時に使えたものが使えなかったりとしております。 DatetimePickerなどもそうですね。私個人的には4に...
18 Feb 2019
ブログアーカイブ
- 2019年05月(1)
- 2019年03月(3)
- 2019年02月(3)
- 2019年01月(4)
- 2018年12月(5)
- 2018年11月(4)
- 2018年10月(5)
- 2018年09月(2)
- 2018年08月(3)
- 2018年07月(3)
- 2018年06月(5)
- 2018年05月(3)
- 2018年04月(4)
- 2018年03月(3)
- 2018年02月(4)
- 2018年01月(4)
- 2017年12月(5)
- 2017年11月(4)
- 2017年10月(6)
- 2017年09月(3)
- 2017年08月(5)
- 2017年07月(5)
- 2017年06月(4)
- 2017年05月(4)
- 2017年04月(5)
- 2017年03月(4)
- 2017年02月(4)
- 2017年01月(5)
- 2016年12月(5)
- 2016年11月(4)
- 2016年10月(4)
- 2016年09月(4)
- 2016年08月(4)
- 2016年07月(4)
- 2016年06月(4)
- 2016年05月(4)
- 2016年04月(5)
- 2016年03月(4)
- 2016年02月(4)
- 2016年01月(5)
ブログカテゴリー
著者
ウェブエンジニアの須山のブログです。
WEBに関することや個人的に関心のあることについて書きます。主に技術系ブログです。