JavaScriptのmatchを使って、電話番号の入力値が正しいかどうかをチェックしているのですが、うまく機能しません
私はJavaScriptを始めたばかりで、文法が分かっていなかったり、記法が汚いかもしれませんがご容赦ください!
現在、個人情報の入力フォームを作りながら、JavaScriptの勉強をしています。
そこで、電話番号の入力オームを作ったのですが、うまいこと機能してくれません。
仕様は、「000-0000-0000」 or 「00000000000」(11個の数字)の入力値のみオッケーで、それ以外の入力値が入るとエラー文を出す様にしたいです。
でも、12文字以上の数字を入れてもエラー文が出ません。10文字以下の場合はエラー文は出てくれます。
JavaScript
1const telCheck = function(){ 2 var tel_value = document.getElementById("tel").value; 3 if( !tel_value.match(/\d{3}-\d{4}-\d{4}|\d{11}/)){ 4 $("#telError").show(); 5 return false; 6 }else{ 7 $("#telError").fadeOut(); 8 return true; 9 } 10}
HTML
1<tr> 2 <th>電話番号</th> 3 <td> 4 <input type="tel" name="tel" id="tel" autocomplete="tel" placeholder="例)090-1234-5678" onblur= "telCheck()" > 5 <br> 6 <span id="telError">*正しい電話番号を入力してください。</span> 7 </td> 8</tr>
CSS
1#telError{ 2 color:red; 3 display:none; 4}
よろしくお願いいたします!!!
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/08/10 03:17