Skip to content
pakainfo

Pakainfo

Web Development & Good Online education

  • Home
  • Blog
  • Categories
  • Tools
  • Full Form
  • Guest Post
    • Guest Posting Service
  • Advertise
  • About
  • Contact Us

jQuery Validate Email address using Regex Expression

September 4, 2018 Pakainfo Technology, Ajax, JavaScript, jQuery Leave a comment

Today, We want to share with you jQuery Validate Email address using Regex Expression.In this post we will show you email validation in jquery php, hear for email and confirm email validation in jquery we will give you demo and example for implement.In this post, we will learn about jquery regex replace,javascript regular expression match with an example.

jQuery Validate Email address using Regex Expression

Contents

  • jQuery Validate Email address using Regex Expression
    • jQuery Validate Email address using Regex Expression Example
    • Read
    • Summary
    • Related posts

There are the Following The simple About jQuery Validate Email address using Regex Expression Full Information With Example and source code.

As I will cover this Post with live Working example to develop Email address validation in jQuery using Regular Expressions, so the some major files and Directory structures for this example is following below.

  • index.php

jQuery Validate Email address using Regex Expression Example

index.php

This is where I will make a simple HTML form and PHP server side source code for our web application. To make the forms simply all souce code copy and write it into your any text editor Like Notepad++, then save file it as index.php.

<?php /*
Developer: Jaydeep Gondaliya
Site: pakainfo.com
Script: jQuery Email Validation using Regex Expression
File: index.php */
?>

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="jQuery simple Validate Email address using Regex Expression by pakainfo.com">
    <meta name="author" content="BootstrapBay.com">
    <title>jQuery simple Validate Email address using Regex Expression by pakainfo.com</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  </head>
  <body>

  	<div class="container">
      <div style="background: #CE6F9E;">
  		<div class="row">
  			<div class="col-md-6 col-md-offset-3">
  				<h1 class="page-header text-center">jQuery Validate Email address using Regex Expression</h1>
				<form class="form-horizontal" role="form" method="post">
					<div class="memfield form-group">
						<label for="name" class="col-sm-2 control-label">Member Name</label>
						<div class="col-sm-10">
							<input type="text" class="mem form-control gst" id="memberFname" name="member_name" placeholder="Member Name" value="">

						</div>
					</div>
          <div class="memfield form-group">
						<label for="name" class="col-sm-2 control-label">Member Last Name</label>
						<div class="col-sm-10">
							<input type="text" class="mem form-control gst" id="last_name" name="member_name" placeholder="Member Last Name" value="">

						</div>
					</div>

					<div class="memfield form-group">
						<label for="email" class="col-sm-2 control-label">Email</label>
						<div class="col-sm-10">
							<input type="email" class="mem form-control gst" id="live_sender_email" name="live_sender_email" placeholder="[email protected]" value="">

						</div>
					</div>


					<div class="memfield form-group">
						<div class="col-sm-10 col-sm-offset-2">
							<input id="my_btn_sender" name="my_btn_sender" type="button" value="Send" class="btn btn-primary">
						</div>
					</div>
					<div class="memfield form-group">
						<div class="col-sm-10 col-sm-offset-2">
							<p id="message"></p>
						</div>
					</div>

				</form>
			</div>
        </div>
		</div>
	</div>
	<script
		src="https://code.jquery.com/jquery-2.2.4.js" crossorigin="anonymous">
	</script>

		<script type="text/javascript">

    $(document).ready(function(e) {
    $('#my_btn_sender').click(function() {

    var live_sender_email = $('#live_sender_email').val();
      if ($.trim(live_sender_email).length == 0 || $("#memberFname").val()=="" || $("#memberFname").val()=="") {
    alert('All fields are mandatory,Try again');
    e.preventDefault();
    }
    if (validate_Email(live_sender_email)) {
    alert('Good Luck!! your Member Email is valid, now you can continue..');
    }
    else {
    alert('sorry Invalid Email Address');
    e.preventDefault();
    }
    });
    });

    function validate_Email(live_sender_email) {
    var expression = /^[\w\-\.\+]+\@[a-zA-Z0-9\.\-]+\.[a-zA-z0-9]{2,4}$/;
    if (expression.test(live_sender_email)) {
    return true;
    }
    else {
    return false;
    }
    }


		</script>
  </body>
</html>

Angular 6 CRUD Operations Application Tutorials

Read :

  • Technology
  • Google Adsense
  • Programming
Also Read This 👉   concrete5 vs wordpress pros and cons List

Summary

You can also read about AngularJS, ASP.NET, VueJs, PHP.

I hope you get an idea about jQuery Validate Email address using Regex Expression.
I would like to have feedback on my Pakainfo.com blog.
Your valuable feedback, question, or comments about this article are always welcome.
If you enjoyed and liked this post, don’t forget to share.

Related posts:

  1. Email Validation in pure JavaScript | Validate email address
  2. jQuery Multiple Email Address Validation in one text box
  3. How to Validate Phone Numbers using jQuery and Reqular Expression?
  4. How To Validate 10 Digit Mobile Number Using Regular Expression?
  5. Validate Email and Password Fields on Form Submit Event
  6. How to validate phone numbers using jquery?
  7. jquery validate Form Validation
email and confirm email validation in jqueryemail validation in javascriptemail validation in jquery form validationemail validation in jquery in mvcemail validation in jquery javascriptemail validation in jquery phpjavascript new regexpjavascript regex examplejavascript regex match examplejavascript regex testjavascript regex testerjavascript regular expression matchjquery regex match stringjquery regex replacejquery simple email validation

Post navigation

Previous Post:Latest new Upcoming Bollywood Hindi Movies List
Next Post:PHP Creating Dynamic Directory (Folder) Example

Advertise With Us

Increase visibility and sales with advertising. Let us promote you online.
Click Here

Write For Us

We’re accepting well-written informative guest posts and this is a great opportunity to collaborate.
Submit a guest post to [email protected]
Contact Us

Freelance web developer

Do you want to build a modern, lightweight, responsive website quickly?
Need a Website Or Web Application Contact : [email protected]
Note: Paid Service
Contact Me

Categories

3movierulz (64) Ajax (464) AngularJS (377) ASP.NET (61) Bio (109) Bollywood (108) Codeigniter (175) CSS (98) Earn Money (93) Education (63) Entertainment (130) fullform (87) Google Adsense (64) Highcharts (77) History (40) Hollywood (109) JavaScript (1359) Jobs (42) jQuery (1423) Laravel (1088) LifeStyle (53) movierulz4 (63) Mysql (1035) Mysqli (894) php (2133) Programming (2345) Python (99) Software (178) Software (90) Stories (98) tamilrockers (104) Tamilrockers kannada (64) Tamilrockers telugu (61) Tech (147) Technology (2416) Tips and Tricks (130) Tools (214) Top10 (506) Trading (95) Trending (76) VueJs (250) Web Technology (113) webtools (200) wordpress (166) World (343)

A To Z Full Forms

Access a complete full forms list with the meaning, definition, and example of the acronym or abbreviation.
Click Here
  • Home
  • About Us
  • Terms And Conditions
  • Write For Us
  • Advertise
  • Contact Us
  • Youtube Tag Extractor
  • Info Grepper
  • Guest Posting Sites
  • Increase Domain Authority
  • Social Media Marketing
  • Freelance web developer
  • Tools
Pakainfo 9-OLD, Ganesh Sco, Kothariya Ring Road, Chokadi, Rajkot - 360002 India
E-mail : [email protected]
Pakainfo

© 2023 Pakainfo. All rights reserved.

Top
Subscribe On YouTube : Download Source Code
We accept paid guest Posting on our Site : Guest Post Chat with Us On Skype Guest Posting Sites