jQuery验证澳大利亚电话号码 [英] jQuery Validating Australian Phone Numbers
本文介绍了jQuery验证澳大利亚电话号码的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我试图从输入框中获取值,验证&格式化数字,然后更新输入字段。
我希望它能够验证所有的澳大利亚电话号码(移动和固定电话)
将手机号码格式化为
04XX XXX XXX
和固定电话号码到
(0X)XXXX XXXX
var phone_number = $( #phone)VAL();
//验证手机号
var formatted = phone_number.replace(/(\d {3})(\d {3})(\d {4})/,'$ 1- $ $ 2- 3' );
//替换
$(#phone)。val(格式化);
任何帮助都很棒:)
解决方案
您可以使用您所建议的相同的正则表达式/替换逻辑。
$ b html
手机:< input id =mobiletype =telmaxlength = 8>< / input>
固定电话:< input id =landlinetype =telmaxlength = 10>< / input>
jquery
<$ ()($#$ mobile $)($#$ mobile $)$ mobile $ $ $ $ var formattedNum = mobileNum.replace(/(\d {2})(\d {3})(\d {3})/ g,04 $ 1 $ 2 $ 3);
mobile_ele.val (formattedNum);
});
$(#landline)。blur(function(){
var landline_ele = $(#landline);
var landlineNum = mobile_ele.val();
var formattedNum = landlineNum.replace(/(\d {2})(\d {4})(\d {4})/ g,($ 1)$ 2 $ 3);
mobile_ele。 val(formattedNum);
});
演示: https://jsfiddle.net/7c0d418t/
I am trying to get the value from an input box, validate & format the number, then update the input field.
I want it to validate all Australian phone numbers (mobile and landline) formatting mobile numbers to 04XX XXX XXX and Landline numbers to (0X) XXXX XXXX
var phone_number = $("#phone").val();
//validate mobile number
var formatted = phone_number.replace(/(\d{3})(\d{3})(\d{4})/, '$1-$2-$3');
//replace number
$("#phone").val(formatted);
Any help would be awesome :)
解决方案
You can use the same regex/replace logic you have suggested.
html
Mobile:<input id = "mobile" type = "tel" maxlength=8></input>
Landline:<input id = "landline" type = "tel" maxlength=10></input>
jquery
$("#mobile").blur(function(){
var mobile_ele = $("#mobile");
var mobileNum = mobile_ele.val();
var formattedNum = mobileNum.replace(/(\d{2})(\d{3})(\d{3})/g,"04$1 $2 $3");
mobile_ele.val(formattedNum);
});
$("#landline").blur(function(){
var landline_ele = $("#landline");
var landlineNum = mobile_ele.val();
var formattedNum = landlineNum.replace(/(\d{2})(\d{4})(\d{4})/g,"($1) $2 $3");
mobile_ele.val(formattedNum);
});
Demo:https://jsfiddle.net/7c0d418t/
这篇关于jQuery验证澳大利亚电话号码的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文