如何使用 jQuery 验证 10 位手机号码

Question

 <div>
        <span id="mobile-valid">
          <i class="fa fa-check"></i>
              Valid Mobile No
        </span>
         <span id="mobile-invalid" >

                 Invalid mobile No
        </span>
      </div>
    <div>

          Mobile No
        </div>

      <div>
        <input id="mobile-num" type="text"/>

  </div>

如何使用 jQuery Ajax 对 10 位手机号码进行验证？只允许数字不能使用字符或字母数字字符。那么我如何使用 jquery Ajax 进行验证。我想在上面的输入框中显示无效的电子邮件。和（不要想显示警报）

原文由 ani 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

这对你有用……

 $(document).ready(function(){

  $("#mobile-num").on("blur", function(){
        var mobNum = $(this).val();
        var filter = /^\d*(?:\.\d{1,2})?$/;

          if (filter.test(mobNum)) {
            if(mobNum.length==10){
                  alert("valid");
              $("#mobile-valid").removeClass("hidden");
              $("#folio-invalid").addClass("hidden");
             } else {
                alert('Please put 10  digit mobile number');
               $("#folio-invalid").removeClass("hidden");
               $("#mobile-valid").addClass("hidden");
                return false;
              }
            }
            else {
              alert('Not a valid number');
              $("#folio-invalid").removeClass("hidden");
              $("#mobile-valid").addClass("hidden");
              return false;
           }

  });

});

 .hidden{
  display: none;
}

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
	<div id="mobile">
	  <div class="input">
		<div class="label">
		  <div class="label-1">
			<span id="mobile-valid" class="hidden mob">
				<i class="fa fa-check pwd-valid"></i>Valid Mobile No
			</span>
			<span id="folio-invalid" class="hidden mob-helpers">
				<i class="fa fa-times mobile-invalid"></i>Invalid mobile No
			</span>
		  </div>
		</div>
		<div class="row">
		  <div class="col-xs-3">
			<div class="label-2">
			  Mobile No
			</div>
		  </div>
		  <div class="col-xs-9">
			<input id="mobile-num" type="text" class="form-control form-change-element" />
		  </div>
		</div>
	  </div>
	</div>

原文由 Samir 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

<form action="#">
  Mobile number: <input type="text" name="mobile" pattern="^(?:(?:\+|0{0,2})91(\s*[\-]\s*)?|[0]?)?[789]\d{9}$" title="Enter Valid mobile number ex.9811111111" required>
  <input type="submit">
</form>

从 9、8、7 开始，您还可以添加更多。

你可以使用 https://regex101.com/ 测试它

有效数字是。

 9883443344
09883443344
919883443344
0919883443344
[phone]
[phone]
0091-9883443344
[phone]
[phone]
+91 - 9883443344
0091 - 9883443344

原文由 Harsh Patel 发布，翻译遵循 CC BY-SA 3.0 许可协议