Question

我需要格式化移动电话号码字段，使其分为以下三个部分：

1 - 国家代码不可编辑（3位数） 2 - 可编辑的2位数字 3 - 用户可以输入他们唯一的号码（7位数）

分隔应该在我开始输入的相同输入文本框中*每个部分应该用空格分隔或“ - ”自动分开

我不允许使用任何插件。救救我!!!

Answer 1

我创建了Jsfiddle

一个有三个文本框，另一个用div包裹[假文本框]

<input type="text" max-length="3" value="+91" disabled="disabled" class="small"/>
<input type="text" max-length="2" value="43" class="small"/>
<input type="text" max-length="7" value=""/>

.small {
    width:30px;
    text-align:center;
}

或

<div class="inputwrap">
 <input type="text" max-length="3" value="+91" disabled="disabled" class="small"/>
<input type="text" max-length="2" value="43" class="small"/>
<input type="text" max-length="7" value=""/>   
</div>

.inputwrap {
    border:1px solid #c6c6c6;
    background:#FFF;
    padding:5px;
    float:left;
}

.inputwrap input {
    background:transparent;
    border:0;
    outline:none;
}

带分隔符的移动号码字段

1 个答案: