四级证书的没有的小渣渣看不懂官方文档自己摸出来的使用方法，以后不准确的地方请指正
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>
网友评论