验证是否允许使用JQuery在按键上使用数字和电话号码格式？

Question

示例：

见下图，我到底需要什么

感谢任何人帮助这个简单的代码...

Answer 1

我已经在Masked Input Plugin下面实现了应用你需要的相同功能。

第1步：下载此插件

http://digitalbush.com/projects/masked-input-plugin

第二步： 在CSHTML或HTml页面中写下以下代码。

    <script type="text/javascript">
        $(document).ready(function () {
        $("#ContactNo").mask("(+9) 999-999-9999");
        $("#txtContactNo2").mask("(+9) 999-999-9999");
     });

</script>

希望这有效！干杯：）

Answer 2

link this script to your page and do masking format as you want

<script src="../JavaScript/jquerymaskedinput.js" type="text/javascript"></script>

enter code here

and then write this inside script
$(function () {
        Masktext();
    });

function Masktext() {

        $('#<%=txtTelephone.ClientID %>').mask('(999)999-9999');   
        $('#<%=txtFaxNumber.ClientID %>').mask('(999)999-9999');    
        $('#<%=txtTelephoneMD.ClientID %>').mask('(999)999-9999');    
      $('#<%=txtTelephoneHC.ClientID %>').mask('(999)999-9999');    
    }

Answer 3

您可以向提交按钮添加一个事件监听器（我假设它有一个类似buttonId的ID），并检查该号码是否有效（我假设你的号码输入有像numberId这样的ID，如下所示：

var button = document.getElementById("buttonId"),
    number = document.getElementById("numberId");

button.addEventListener("click", function(e) {
    if (/[^0-9\-\+]/.test(number.value)) {
        e.preventDefault();
        alert("Please enter a valid telephone number!");
    }
});