電話番号の正規表現を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∞
サイト内検索
最近の投稿
Perlで500エラー！原因は文字コードだけでなく改行コード
あまりcgiは使いたくないのですが使わざるを得ない時があります。仕方なく設置するのですがエラーが出ちゃうんです。なんか知らないけど。 ありがちなのがパーミッションとかパスが問題になるんのですけど...
19 Feb 2022
WordPressの標準メールアドレスの変更方法
今回はワードプレス専用のアドレス変更方法をご紹介します。ワードプレスのアドレスはwordpress@~という形で送られてきますが変更可能です。 functions.phpに記載するのですがプラグ...
12 Feb 2022
LibSass（node-sass）からDartSassに移行の手順
Sassの遷移は多すぎる今日この頃 Ruby Sass→LibSass→DartSass（いまここ） Ruby SassはSassの最初の実装でしたが、2019年3月26日にサポートが終了しま...
22 Jan 2022
明けましておめでとうございます
明けましておめでとうございます。 本年も何卒よろしくお願いいたします。 年末年始は雪でしたね、そこまで積もっていませんが。 {% include adsensearticle.html...
10 Jan 2022
そろそろvuejs始める
最近はjQueryよりvueで書いた方が楽ではないかと思い学習中です。 そもそもVuejsはドキュメントが日本語対応なので試しやすいし情報も豊富なので学習しやすいです。 3大フレームワークと呼...
02 May 2021
ブログアーカイブ
- 2022年02月(2)
- 2022年01月(2)
- 2021年05月(1)
- 2021年04月(1)
- 2021年01月(4)
- 2020年12月(1)
- 2020年03月(1)
- 2020年02月(1)
- 2020年01月(1)
- 2019年12月(1)
- 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に関することや個人的に関心のあることについて書きます。主に技術系ブログです。