Adi*_*han 6 javascript jquery intl-tel-input
我一直在尝试输入手机号码的扩展名。所有其他变量都工作正常。扩展变量返回 Null。似乎它正在向 POST 传递一个空值。
<input type="tel" id="mobile" placeholder="Mobile Number" maxlength="10" >
<script>
//Initialize the plugin
$("#mobile").intlTelInput({
initialCountry: "auto",
nationalMode: "true",
utilsScript:'https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/8.5.0/js/utils.js',
geoIpLookup: function(callback) {
$.get("https://ipinfo.io", function() {}, "jsonp").always(function(resp) {
var countryCode = (resp && resp.country) ? resp.country : "";
callback(countryCode);
});
}
});
//Ajax Registration
$("#register").click(function(){
var email = $("#email").val();
var password = $("#password").val();
var confirmpassword = $("#confirmpassword").val();
var fname = $("#fname").val();
var lname = $("#lname").val();
var mobile = $("#mobile").val();
var role = $("#role").val();
var extension = $("#mobile").intlTelInput("getExtension");
var data = "email=" + email + "&password=" + password + "&fname=" + fname + "&lname=" + lname + "&mobile=" + mobile + "&role=" + role + "&confirmpassword=" + confirmpassword + "&extension=" + extension;
$.ajax({
type:"POST",
url:"includes/register.php?",
data:data,
success:function(data)
{
$("#register_output").html(data);
}
});
</script>
Run Code Online (Sandbox Code Playgroud)
我相信 getExtension 方法现在已被弃用。如果您想要单独的国家/地区代码,可以在 获取iti.s.dialCode。像这样的东西:
<label>Phone</label><input class="textbox" type="tel" name="phone" id="phone" value=""><br>
<script>
var input = document.querySelector('#phone');
var iti = intlTelInput(input, {
utilsScript: 'assets/tel-input/js/utils.js',
initialCountry: 'au'
});
$('#send').on('click', function(param) {
var fullPhone = "+" + iti.s.dialCode + iti.getNumber();
console.log(fullPhone)
});
</script>
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
663 次 |
| 最近记录: |