电话号码的html输入模式

yvt65v4c  于 2022-12-16  发布在  其他
关注(0)|答案(4)|浏览(137)

我需要一个像这样的模式[ 081 222 2224 ]与数字限制为10 ..这是我的尝试

<form action="" method="post" id="cusCreate" autocomplete="off">
      <input type="tel" name="telphone"  pattern="[0-9]{10}"  title="Ten digits code" required/>    
      <label style="font-size:9px;padding-left:20px"> Eg : 081 222 2224  </label> 
      <input type="submit" value="Submit"/>
   </form>

http://jsfiddle.net/hbmhjt0r/

l2osamch

l2osamch1#

您可以通过在代码中进行以下更改来实现您的结果:

<form action="" method="post" id="cusCreate" autocomplete="off">
      <input type="tel" name="telphone" placeholder="888 888 8888" pattern="[0-9]{3} [0-9]{3} [0-9]{4}" maxlength="12"  title="Ten digits code" required/>    
      <label style="font-size:9px;padding-left:20px"> Eg : 081 222 2224  </label> 
      <input type="submit" value="Submit"/>    </form>

如需参考,请单击此处
JSFiddle Demo

zqry0prt

zqry0prt2#

pattern="[0-9]{3} [0-9]{3} [0-9]{4}"
这需要用户输入如下空格012 345 6789,如果你想自动添加空格,你应该在输入的onchange中添加javascript,在输入中添加onchange="this.value=addSpaces(this.value);",看看它是否有效:

function addSpaces(initial){
    initial.replace("/([0-9]{3})/","\1 ");
    initial.replace("/[0-9]{3} ([0-9]{3})/","\1 ");
    return initial;
}
lrpiutwd

lrpiutwd3#

那些来自尼日利亚我们使用电话:

new FormControl('', [Validators.required, Validators.pattern('^(080|091|090|070|081)+[0-9]{8}$')])
3hvapo4f

3hvapo4f4#

非美国,但进行相应变更:

function phoneMask() { 
    var num = $(this).val().replace(/\D/g,''); 
    $(this).val(
        0 + '(5' + num.substring(2,4) 
        +(num.length>4?')':'') 
        +(num.length>4?' '+num.substring(4,7):'') 
        +(num.length>7?' '+num.substring(7,9):'') 
        +(num.length>9?' '+num.substring(9,11):'') 
    );
}
$('[type="tel"]').keyup(phoneMask);

相关问题