jquery如何验证手机号码答案

【问题标题】：how to validate the mobile number in jqueryjquery如何验证手机号码
【发布时间】：2014-10-30 08:44:04
【问题描述】：

我想通过使用 jquery any idea 来验证我在 html 页面中的移动无字段

HTML

<input type="text"  required="true" validType="" name="Ph" id="ph" value=""  />

我要为此输入 validType 的内容

例如，当我们验证电子邮件时，我们只需将电子邮件放入 validType 中

【问题讨论】：

你是否实现了任何 jquery 代码来验证？
有什么格式或者简单的1-10要接受吗？
我想接受 1-10 但如果可能的话它必须从 9,8 或 7 开始
hi ashwani，请告诉我您的手机号码验证有哪些要求？
我在上面的评论中解释了它..

标签： jquery html

【解决方案1】：

使用这个 Jquery onchange 函数

$("#ph").change(function() {
        var a = $("#ph").val();
        var filter = /^[7-9][0-9]{9}$/;

        if (filter.test(a)) {
            alert("valid");
        }
        else {
            alert("not valid");
        }
    });

检查这个小提琴http://jsfiddle.net/GxuA7/35点击这个链接并查看验证

【讨论】：

就像我在validType标签中给出的
查看此链接stackoverflow.com/questions/19611599/…
我如何在您使用的链接中获取该 jquery
但是当您使用模式时会出现浏览器问题，因此请尝试手动验证..让我知道您的建议
点击我提供的链接会给出结果。如果您有问题请告诉我

【解决方案2】：

您可以使用<input type="tel" pattern="[\+]\d{2}[(]\d{2}[)]\d{4}[\-]\d{4}" />

【讨论】：

还有更多类似 pattern='[\+]\d{2}[(]\d{2}[)]\d{4}[\-]\d{4}'
@Dipaks 更新了你的 :)
使用 pattern= 时，它会显示您在标题属性中输入的任何内容，所以请保留 title="your error message" 告诉我它是否有效？

【解决方案3】：

这是工作代码：

<body>
<input type="text" id="phone" name="txt"/>
 <input type="submit" id="submit" name="Submit" value="Submit Form"/>

 <script type="text/javascript">

$(document).ready(function(){
    $(document).on("click","#submit",function(e){
        var mobile = $("#phone").val();
        var mob_length = mobile.length;
        var first = mobile.substring(0,1);

        if(mob_length != 10)
        {
            e.preventDefault();
        }
        else if((first == 9 || first == 8 || first == 7))
        {
            alert("Working");
        }
        else
        {
            e.preventDefault();
        }

    });
});

【讨论】：