Question

我正在使用此脚本进行验证，任何人都可以帮助我，我错了。我正在使用这个敌人的手机号码验证。当我使用jquery运行此代码时，它无效。

    function mobilenumber() {
          if(document.getElementById('mobnum').value != ""){

       var y = document.getElementById('mobnum').value;
       if(isNaN(y)||y.indexOf(" ")!=-1)
       {
          alert("Invalid Mobile No.");
          document.getElementById('mobnum').focus();
          return false;
       }

       if (y.length>10 || y.length<10)
       {
            alert("Mobile No. should be 10 digit");
            document.getElementById('mobnum').focus();
            return false;
       }
       if (!(y.charAt(0)=="9" || y.charAt(0)=="8" || y.charAt(0)=="7"))
       {
            alert("Mobile No. should start with 9 ,8 or 7 ");
            document.getElementById('mobnum').focus();
            return false
       }

    }
    }

 <input type="submit" value="INSERT"class="btn"onclick="submitForm();">

jquery是

$(document).ready(function(){
function submitForm(){
    if(mobilenumber()){
        $('#form1').submit(function(){

        });

        }
        else{
            alert("Please Input Correct Mobile Numbers");
        }

}
});

Answer 1

使用HTML5模式

<input type="number" pattern=".{10}" title="Enter Valid Mob No" required>

Answer 2

 var mobile = document.getElementById("mobnum").value;
 var numericmob = isNumber(mobile );
      if(!numericmob)
      {
          alert("Enter only positive numbers into the Contact Number field.");      
          return false;
      }
      if(mobile.length!=10)
      {
          alert("Enter 10 digits Contact Number.");
          return false;
      }

//写入检查元素是否为数字的函数

function isNumber(elem)
{    
    var re = /^[0-9]+$/; 
    str = elem.toString();
    if (!str.match(re)) 
    {               
        return false;
    }
    return true;
}

此功能的优点是您可以使用它来检查表单上的任何数字字段，例如id，amount等。

Answer 3

使用jquery .submit（）函数在验证为真后提交表单

<form id="myForm" action="abc.php" method="post">

<!-- Your Form -->

<button onclick="submitForm();">Submit</button>
</form>

现在检查表单数据是否有效

function submitForm(){
    if(mobilenumber()){
        $('#myForm').submit();
        }
        else{
            alert("Please Input Correct Mobile Numbers");
        }
}

编辑：使用@ Aniket的isNumber函数检查手机号码字段中的长度和数字。哪个更通用。

Answer 4

if(document.getElementById('mobile_number').value != ""){

   var y = document.getElementById('mobile_number').value;
   if(isNaN(y)||y.indexOf(" ")!=-1)
   {
      alert("Invalid Mobile No.");
      document.getElementById('mobile_number').focus();
      return false;
   }

   if (y.length>10 || y.length<10)
   {
        alert("Mobile No. should be 10 digit");
        document.getElementById('mobile_number').focus();
        return false;
   }
   if (!(y.charAt(0)=="9" || y.charAt(0)=="8" || y.charAt(0)=="7"))
   {
        alert("Mobile No. should start with 9 ,8 or 7 ");
        document.getElementById('mobile_number').focus();
        return false
   }

}

尝试这个......这对你来说是必要的......如果你正在寻找ragex模式，那么就用它....

^([0|\+[0-9]{1,5})?([7-9][0-9]{9})$

如何在我的jsp页面上设置手机号码验证？

4 个答案: