Question

我有输入字段，用户提供他的电话号码，如：

<label for="phone" class="first-col">Phone No.:</label>
<input type="text" id="phone" />
<span class="form-hint">Proper format "8 600 00 000"</span>

当用户在下面输入数字时，我需要这样做：

861234567

它自动在以下内容中添加空格：

8 612 34 567

任何想法我怎么能实现它？使用 Java Script 或者使用 CSS ？或者也许有办法通过 HTML 实现它？我没有发现任何事情。

Answer 1

试试这个

$("input[name='phone']").keyup(function() {
var curchr = this.value.length;
var curval = $(this).val();
if (curchr == 1) {
    $("input[name='phone']").val("" + curval + "" + " ");
} else if (curchr == 4) {
    $("input[name='phone']").val(curval + " ");
}else if (curchr == 8) { 
    $("input[name='phone']").val(curval + " ");
}

}）;

Answer 2

这是我在纯JavaScript中的解决方案

＆＃13;

document.getElementById('phone').addEventListener("keyup", function(){
   txt=this.value;
   if (txt.length==1 || txt.length==5 || txt.length==8)
    this.value=this.value+" ";
  
});

＆＃13;

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

＆＃13;

如何在提供电话号码

2 个答案: