Validate email address and cell phone number field in JavaScript

Question

I have below script:

$(function() {
    $(".submit").click(function() {
        var full_name = $("#full_name").val();
        var cell_phone = $("#cell_phone").val();
        var email = $("#email").val();
        var dataString = 'full_name='+ full_name + '&cell_phone=' + cell_phone + '&email=' + email;
        if (full_name=='' || cell_phone=='' || email=='')
        {   
            $('.success').fadeOut(200).hide();
            $('.error').fadeOut(200).show();      
        }   
        else 
        {
            $.ajax({
                type: "POST",
                url: "join.php",
                data: dataString,
                success: function() {
                    $('.submit').fadeIn(200).hide();
                    $('.success').fadeIn(200).show();
                    $('.error').fadeOut(200).hide();
                }
            });
        }
        return false;
    });
});

How to make validate email.
Only ( numbers + - ) and not less than 7 numbers for cell_phone filed.

email validation at its finest using regex https://www.youtube.com/watch?v=qmuXqZi3r5M — Buddhi741, Aug 28 '15 at 21:54
possible duplicate of [Validate email address in JavaScript?](http://stackoverflow.com/questions/46155/validate-email-address-in-javascript) — MaxZoom, Aug 28 '15 at 22:13
And the [phone](http://stackoverflow.com/q/18375929/4454454) — MaxZoom, Aug 28 '15 at 22:14
Hi @MaxZoom .... How to use your suggestion code with my script ??? — Saeed Aknan, Aug 28 '15 at 22:57
Hi @dandavis .... I get alert if email is wrong but when submit the data insert to database :( — Saeed Aknan, Aug 28 '15 at 23:04

score 0 · Answer 1 · answered Aug 28 '15 at 22:28

is.js's email and phone validators can be solution.

$(function() {
    $(".submit").click(function() {
        var full_name = $("#full_name").val();
        var cell_phone = $("#cell_phone").val();
        var email = $("#email").val();
        var dataString = 'full_name='+ full_name + '&cell_phone=' + cell_phone + '&email=' + email;
        if (full_name=='' || is.not.eppPhone(cell_phone) || is.not.email(email))
        {   
            $('.success').fadeOut(200).hide();
            $('.error').fadeOut(200).show();      
        }   
        else 
        {
            $.ajax({
                type: "POST",
                url: "join.php",
                data: dataString,
                success: function() {
                    $('.submit').fadeIn(200).hide();
                    $('.success').fadeIn(200).show();
                    $('.error').fadeOut(200).hide();
                }
            });
        }
        return false;
    });
});

score 0 · Answer 2 · answered Aug 29 '15 at 11:26

0

var re = /^(([^<>()[\]\.,;:\s@\"]+(\.[^<>()[\]\.,;:\s@\"]+)*)|(\".+\"))@(([^<>()[\]\.,;:\s@\"]+\.)+[^<>()[\]\.,;:\s@\"]{2,})$/i;
var phoneno = /^\+?(?:[0-9] ?){6,14}[0-9]$/;
if (full_name=='' || !phoneno.test(cell_phone) || !re.test(email))

answered Aug 29 '15 at 11:26

Saeed Aknan

93
1
7

Validate email address and cell phone number field in JavaScript

2 Answers2