第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機(jī)立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

格式化美國號碼的輸入字段

格式化美國號碼的輸入字段

幕布斯7119047 2022-11-03 15:22:07
我的代碼有一個小問題,我無法破解它,我想要的格式是 +1 (888) 123-4567 。但是我已經(jīng)實現(xiàn)了這種 (544)-646-4646 格式。但我無法弄清楚我怎樣才能得到已經(jīng)寫好的 +1,當(dāng)有人輸入數(shù)字時,其余的應(yīng)該格式化為上面的例子。所以簡而言之,我需要 +1 已經(jīng)輸入并且在用戶輸入時休息會給出與代碼相同的格式。這是代碼$(document).ready(function(){  /***phone number format***/  $(".phone-format").keypress(function (e) {    if (e.which != 8 && e.which != 0 && (e.which < 48 || e.which > 57)) {      return false;    }    var curchr = this.value.length;    var curval = $(this).val();    if (curchr == 3 && curval.indexOf("(") <= -1) {      $(this).val("(" + curval + ")" + "-");    } else if (curchr == 4 && curval.indexOf("(") > -1) {      $(this).val(curval + ")-");    } else if (curchr == 5 && curval.indexOf(")") > -1) {      $(this).val(curval + "-");    } else if (curchr == 9) {      $(this).val(curval + "-");      $(this).attr('maxlength', '16');    }  });});<html><head><script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script></head><body><input class="phone-format" value=""  type="text" placeholder="Phone Number"></body></html>
查看完整描述

2 回答

?
函數(shù)式編程

TA貢獻(xiàn)1807條經(jīng)驗 獲得超9個贊

你可以試試這個:


<head>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


</head>

<body>

<input class="phone-format" value="+1 "  type="text" placeholder="Phone Number">

</body>



</html>

在 js 文件中:


$(document).ready(function(){

  /***phone number format***/

  $(".phone-format").keypress(function (e) {

    if (e.which != 8 && e.which != 0 && (e.which < 48 || e.which > 57)) {

      return false;

    }

    var curchr = this.value.length;

    var curval = $(this).val();

    if (curchr == 6 && curval.indexOf("(") <= -1) {

      $(this).val(curval.substring(0, 2) + " (" + curval.substring(3) + ")" + "-");

    } else if (curchr == 7 && curval.indexOf("(") > -1) {

      $(this).val(curval + ")-");

    } else if (curchr == 8 && curval.indexOf(")") > -1) {

      $(this).val(curval + "-");

    } else if (curchr == 12){

      $(this).val(curval + "-");

      $(this).attr('maxlength', '16');

    }

  });

});


查看完整回答
反對 回復(fù) 2022-11-03
?
侃侃爾雅

TA貢獻(xiàn)1801條經(jīng)驗 獲得超16個贊

試試jquery 輸入掩碼插件

您只需要指定您希望輸入的掩碼/格式,它就可以完成工作。

$(window).load(function()

{

   $('#phone').inputmask({"mask": "+1(999) 999-9999"}); 

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.inputmask/3.1.62/jquery.inputmask.bundle.js"></script>

<input type='text' id='phone' />


查看完整回答
反對 回復(fù) 2022-11-03
  • 2 回答
  • 0 關(guān)注
  • 137 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號