使用JQuery驗證僅允許數字和按鍵上的電話號碼格式嗎？

Question

例：

見下圖我到底需要什么

謝謝任何人幫助這個簡單的代碼...

Answer 1

我已經在屏蔽輸入插件下面實現了您需要的功能。

步驟1：下載此插件

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

第2步：在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!");
    }
});