如何在輸入框中輸入有效的電話號碼？

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）和輸入的電話號碼「 - 」，但問題是用戶也可以輸入另一個連字符（ - ） - 連字符後（）。 或用戶不能在電話格式

請幫我鍵入數字，我真的需要這個one..thanks :)

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