publicemail

index.html

<form method="post" name="form1" action="">
  <fieldset>
   <label>Email Address:</labe>
   <input type="text" name="UserEmail" id="UserEmail" value="" size="32" />
   <input type="submit" value="Submit" id="btn-submit" />
  </fieldset>
</form>

publicemail.markdown

publicemail

A Pen by Babalola Oluawtobi on CodePen.

License.

script.js

$(document).ready(function() { 
		
		$('#btn-submit').click(function() {  
				
				$(".error").hide();
				var hasError = false;
				var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
				var emailblockReg =  /^([\w-\.]+@(?!gmail.com)(?!yahoo.com)(?!hotmail.com)(?!aol.com)([\w-]+\.)+[\w-]{2,4})?$/;

				var emailaddressVal = $("#UserEmail").val();
				if(emailaddressVal == '') {
					$("#UserEmail").after('<span class="error">Please enter your email address.</span>');
					hasError = true;
				} else if(!emailReg.test(emailaddressVal)) {	
					$("#UserEmail").after('<span class="error">Enter a valid email address.</span>');
					hasError = true;
				} else if(!emailblockReg.test(emailaddressVal)) {	
					$("#UserEmail").after('<span class="error">No gmail, hotmail or yahoo.</span>');
					hasError = true;
				} 
		
				if(hasError == true) { return false; }
				else {
					$("#UserEmail").after('<span class="error">Email accepted.</span>');
					return false;
				}
	});	
});

scripts

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>