国際電話の電話コードの入力の助けになる様なJSライブラリがないか探した
例えば、日本の場合は国際電話の場合 「+81 -*」となる
どうやら、jQueryでInternational Telephoneというのがあるらしい
https://github.com/jackocnr/intl-tel-input
GithubからzipファイルをDLして、build側のフォルダからintlTelInput.css と intlTelInput.jsを使います。
src側のフォルダからintlTelInput.jsを使うと、「window.intlTelInput is not a function」とエラーになるので注意が必要
<link rel="stylesheet" href="css/intlTelInput.css"> // 省略 <div class="form-group"> <label for="tel">電話番号</label> <input type="tel" name="tel" id="mobile-number" class="form-control col-md-6"> </div> // 省略 <script src="js/jquery.min.js"></script> <script src="js/intlTelInput.js"></script> <script> var $input = document.querySelector("#mobile-number"); window.intlTelInput($input, { defaultCountry: "us", }); </script>
OK、顧客登録側はほぼほぼ出来たかな^^