JQuery入力マスクを使用している電話番号を有効にする方法
2174 ワード
この小さなチュートリアルの私は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マップでドラッグ可能なマーカー
Reference
この問題について(JQuery入力マスクを使用している電話番号を有効にする方法), 我々は、より多くの情報をここで見つけました https://dev.to/websolutionstuff/how-to-validate-phone-number-using-jquery-input-mask-1iaaテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol