四級證書的沒有的小渣渣看不懂官方文檔自己摸出來的使用方法，以后不準確的地方請指正
Vue使用google-libphonenumber
npm install --save-prod google-libphonenumber
import { metadata, PhoneNumberUtil } from "google-libphonenumber";
const phoneUtil = PhoneNumberUtil.getInstance();
//tel: 手機號碼，code: 國家區號（部分國家地區無法使用google-libphonenumber，如關島）, isValite: true時為正確的手機號碼
const number = phoneUtil.parseAndKeepRawInput(tel, metadata.countryCodeToRegionCodeMap[code][0]);
const isValite = phoneUtil.isValidNumber(number);
普通web html使用google-libphonenumber
[web端的demo，請完整引入js文件夾里面的phonenumbers文件夾]
(鏈接: https://pan.baidu.com/s/13k3JOoUHjk73q3lf_iQnVg 提取碼: isad)
<body>
<div class="container">
<!--電話號碼-->
<input type="text" name="" id="tel" value="" />
<!--國家代碼-->
<input type="text" name="" id="code" value="" />
<div class="test">
測試
</div>
</div>
</body>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script>
<script src="./js/phonenumbers/goog/base.js"></script>
<script>
goog.require('goog.proto2.Message');
</script>
<script src="./js/phonenumbers/phonemetadata.pb.js"></script>
<script src="./js/phonenumbers/phonenumber.pb.js"></script>
<script src="./js/phonenumbers/metadata.js"></script>
<script src="./js/phonenumbers/phonenumberutil.js"></script>
<script src="./js/phonenumbers/regioncodefortesting.js"></script>
<script type="text/javascript">
//手機號校驗
goog.require('i18n.phonenumbers.PhoneNumberUtil');
goog.require('i18n.phonenumbers.PhoneNumberUtil.ValidationResult');
goog.require('i18n.phonenumbers.RegionCode');
function phoneNumberParser(tel, code) {
var phoneUtil = i18n.phonenumbers.PhoneNumberUtil.getInstance();
var number = phoneUtil.parseAndKeepRawInput(tel, phoneUtil.getRegionCodeForCountryCode(code));
return phoneUtil.isValidNumber(number);
}
$(".test").on("click", function(){
var isValite = phoneNumberParser($("#tel").val(), $("#code").val());
console.log(isValite);
});
</script>
