電話番号の正規表現を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∞
最近の投稿
バックドア型ウィルスにかかった時のワードプレスセキュリティ対策
今回はセキュリティについてご紹介したいと思います。ワードプレスでのセキュリティ対策って何をすれば良いの？という方も多いかと思います。相談が多かったので記事にしました。 ほんとうは怖いワードプレ...
14 Sep 2017
ワードプレスでJSのインラインスクリプト設置方法
今回はワードプレスにインラインスクリプトを入れる場合の対処方法です。 jQueryなどでオプション指定したりタグなどを入れ込んだりするときに有効です。 結構簡単です。割と最近なんですがそれ用...
02 Sep 2017
ブートストラップv3からv4の変更点をご紹介
ようやくv4のβ版が登場しました。あれから２年です。。。長いですね。 あとはβ版が何個か出たら正式リリースするようなのでもう少しで正式版はリリースしそうです。 多少変わるところはあるかもしれ...
27 Aug 2017
電話番号の正規表現をJavaScriptを使ってチェック
さて今回はフォームの中での電話番号正規表現についてご紹介します。 電話番号を入力する際に携帯と固定電話どちらでも入力可能の場合にどちらの場合でも桁数チェックができるようにしたいと思います。今回...
19 Aug 2017
画面共有中だけ通知を一時的にオフ機能のMac用アプリMuzzle
本日はアプリのご紹介、画面を共有しているときやビデオ通話などをしているときに通知を一時的にオフにするアプリのご紹介です。 プレゼンの発表中などスクリーン共有やビデオ通話などの際に役立ちます。S...
13 Aug 2017
ブログカテゴリー
ブログアーカイブ
著者
ウェブエンジニアのSUYAMAのブログです。
WEBに関することや個人的に関心のあることについて書きます。主に技術系ブログです。