Question

我有这种html选择

<select name="countryCode" id="country" data-content='Your seleceted country code' data="required">
<option value="">Select your country code</option>
<option data-countryCode="DZ" value="+213">Algeria (+213)</option>
<option data-countryCode="DZ" value="+213">Algeria (+213)</option>
<option data-countryCode="AD" value="+376">Andorra (+376)</option>
<option data-countryCode="AO" value="+244">Angola (+244)</option>
</select>

输入电话

  <input type="text" placeholder="Enter your mobile phone" data="required" id="phone" data-content='Your mobile phone'>

我需要的是当用户输入他的国家代码并输入手机号码，检查国家代码并附加#phone的值，但问题是#phone用户通常输入0，我想删除0并附加国家代码。

现在我有了这个

 $(function () {

    $('#phone').on('focusout', function () {
        var cc = $('select[name=countryCode]').val().replace(/^.*\(([\)]+)\).*$/, '$1');
        $(this).val(cc + $(this).val());
  });
    });

Answer 1

在追加代码之前删除第一个字符。所以你的jquery

$('#phone').on('focusout', function () {
         var f1 = $("#phone").val().charAt(0);
     var val=$("#phone").val();
     if(f1==0){
         $("#phone").val(val.substring(1, val.length));}
        var cc = $('select[name=countryCode]').val().replace(/^.*\(([\)]+)\).*$/, '$1');
             $(this).val(cc + $(this).val());
  });

DEMO

检查电话号码并更换其值？

1 个答案: