JQuery入力マスクを使用している電話番号を有効にする方法


この小さなチュートリアルの
  • 私はjQueryの入力マスクを使用して電話番号を検証する方法を説明するjQueryの入力マスクを使用して別の種類の電話を別の国のコードで検証することができます.
  • ここでは、jQueryの入力マスクJSを使用していますので、簡単に電話番号を検証できます.
  • <html>
    <head>
        <title>jquery input mask phone number validation - websolutionstuff</title>
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.inputmask/3.3.4/jquery.inputmask.bundle.min.js"></script>
    </head>
    <body>
    
    <div class="container" style="border:1px solid red; padding: 0px 20px 20px 20px; margin-top: 20px;">
        <h1>jquery input mask phone number validation - websolutionstuff.com</h1>
        <br>
        <strong>Phone Number:</strong>  
        <input type="text" name="phone" class="phone_number form-control" value="9876543210">
        <br>
        <strong>Phone Number:</strong>  
        <input type="text" name="phone" class="phone_number_2 form-control" value="9876543210">
        <br>
        <strong>Phone Number:</strong>  
        <input type="text" name="phone" class="phone_number_3 form-control" value="91 9876543210">
    
    </div>
    
    <script>
        $(document).ready(function(){
            $('.phone_number').inputmask('(999)-999-9999');
            $('.phone_number_2').inputmask('(99)-9999-9999');
            $('.phone_number_3').inputmask('+99-9999999999');
        });
    </script>
    
    </body>
    </html>
    
    上記のコードでjQueryで入力マスクを追加しました.
    スクリーン印刷の下で出力を見ることができます.

    また、Googleマップでドラッグ可能なマーカー