Question

＆＃13;

<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>

＆＃13;

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

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>

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
+919883443344
+91-9883443344
0091-9883443344
+91 -9883443344
+91- 9883443344
+91 - 9883443344
0091 - 9883443344

Answer 3

试试这段代码。它包含移动设备的十位数字验证：

<span onClick='func(event," + JSON.stringify(myData) + ")'><a style='color:#0000ff' href='javascript:void(0);'>Countary Data Connection </a>
<img src='Images/image.png'></span>

以下是 Demo 查看

Answer 4

尝试这样的事情

var value = "1234567.....";
var NumberRegex = /^[0-9]*$/;
if(value.length <= 10){
if(NumberRegex.test(value)){
//do whatever you want to
}else{
alert('invalid')
}

}

Answer 5

在jquery函数中尝试此代码

php tag

Answer 6

使用正则表达式对手机号码进行jQuery验证

验证包括：

仅10位数字（无字母和特殊字符）

数字从6,7,8,9开始

<html>
<body>
<label>Mobile Number:</label>
<input type="text" class="form-control mobile-valid">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<script>
$(document).ready(function() {
$('.mobile-valid').on('keypress', function(e) {
 var $this = $(this);
 var regex = new RegExp("^[0-9\b]+$");
 var str = String.fromCharCode(!e.charCode ? e.which : e.charCode);
 // for 10 digit number only
 if ($this.val().length > 9) {
    e.preventDefault();
    return false;
  }
  if (e.charCode < 54 && e.charCode > 47) {
      if ($this.val().length == 0) {
        e.preventDefault();
        return false;
      } else {
        return true;
      }
  }
  if (regex.test(str)) {
    return true;
  }
  e.preventDefault();
  return false;
  });
});
</script>  
</body>
</html>

对于演示，请点击here！

Answer 7

var pattern= /^[0]*(\d{9})*\s*$/;

此模式仅用于验证斯里兰卡数字。在上面的代码行中，只验证以 0 开头的手机号码。

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

7 个答案:

使用正则表达式对手机号码进行jQuery验证