如何在输入框中仅输入有效的电话号码？

Question

我正在尝试在这样的输入框中输入电话号码（例如111-222-3333）

所以我使用这段代码：

<script type="text/javascript">
    function validate(evt) {
      var theEvent = evt || window.event;
      var key = theEvent.keyCode || theEvent.which;
      key = String.fromCharCode( key );
      var regex = /[0-9]|\-/;
      if( !regex.test(key) ) {
        theEvent.returnValue = false;
        if(theEvent.preventDefault) theEvent.preventDefault();
     }
    }
</script>

我现在只能使用整数（0-9）和'-'输入电话号码，但问题是用户还可以在连字符（-）之后键入另一个连字符（-）。 或者用户可以输入非电话格式的号码

请帮助我，我真的需要这个..谢谢：）

Answer 1

看看这个： http : //dev.w3.org/html5/markup/input.tel.html

试试： <input type="tel">

Answer 2

您愿意多久验证一次电话号码？ 您可以使用户或多或少难于输入一个不正确的号码，但是最终您将无法完全验证该号码，除非您手动拿起电话并确认每个用户或通过某些短信服务进行确认（如果有）。它只是移动的。

如果您试图“帮助”用户，以便他/她知道服务器期望的模式，则可以f.ex使用彼此相邻的三个输入字段，中间使用一个短划线。 它可能比添加一些高级事件逻辑有用，该逻辑可以在用户键入时验证模式。

Answer 3

尝试这个

/^\(?(\d{3})\)?[- ]?(\d{3})[- ]?(\d{4})$/

将支持

• （111）-222-3333
• 111-222-3333
• 111222-3333
• 111222333