how to validate the mobile number in jquery

Question

i want to validate my mobile no field in html page by using jquery any idea

Html

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

what i hv to put in validType for this

e.g when we hv to validate the email we just put email in the validType

i want to accept 1-10 but if possible it must start from 9,8 or 7 — Ashwani Singh, Oct 30 '14 at 08:59
hi ashwani please tell me what all are the requirements for your mobile number validations? — Robin, Oct 30 '14 at 09:05

Refilon · Answer 1 · 2014-10-30T09:41:04.993

2

You can use the <input type="tel" pattern="[\+]\d{2}[(]\d{2}[)]\d{4}[\-]\d{4}" />

edited Oct 30 '14 at 09:41

answered Oct 30 '14 at 08:51

Refilon

3,334
1
27
51

And more like pattern='[\+]\d{2}[\(]\d{2}[\)]\d{4}[\-]\d{4}' – Dipak Oct 30 '14 at 09:23
@Dipaks Updated with yours :) – Refilon Oct 30 '14 at 09:41
When using pattern= it will display whatever you put in the title attrib,so keep title="your error message" tell me if it worked? – Ashwani Singh Oct 30 '14 at 10:03

score 2 · Accepted Answer · edited Jul 04 '18 at 13:22

2

Use this Jquery onchange function

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

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

Check this fiddle http://jsfiddle.net/GxuA7/35 click on this link and see the vaildation

edited Jul 04 '18 at 13:22

Eugine Joseph

1,552
3
18
40

answered Oct 30 '14 at 09:13

Choco

1,054
1
7
20

like which i give in validType tag – Ashwani Singh Oct 30 '14 at 09:20
Check this link http://stackoverflow.com/questions/19611599/html-5-phone-number-validation-with-pattern – Choco Oct 30 '14 at 09:23
how do i get that jquery used in the link you used – Ashwani Singh Oct 30 '14 at 09:23
But there will be browser issue when you use pattern so try to validate manually..let me know your suggestions – Choco Oct 30 '14 at 09:24
click on the link which I provided it will give result.tell me if you have a problem – Choco Oct 30 '14 at 09:26
its working by pattern but the error shown by jquery is regarding pattern...i want it to show the phone no error...is their any option to do it – Ashwani Singh Oct 30 '14 at 09:38
When using pattern= it will display whatever you put in the title attrib,so keep title="your error message" tell me if it worked? – Choco Oct 30 '14 at 09:46
You are welcome please accept the answser it will be useful if someone looking the validation in jquery – Choco Oct 30 '14 at 09:59

score 0 · Answer 3 · answered Oct 30 '14 at 09:30

Here is the working code :

<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();
        }

    });
});

how to validate the mobile number in jquery

3 Answers3