Posted inTechnology / JavaScript / jQuery

javascript validation registration form

javascript validation registration form

Today, We want to share with you javascript validation registration form.In this post we will show you Registration form validation using javascript with example, hear for Registration form with javascript validation we will give you demo and example for implement.
In this post, we will learn about Form validation with javascript with an example.

JavaScript mostly used to make web and interactive webside.

Simple Used in JavaScript

Welcome to JavaScript Form Validation using a Sample Registration Form

  
    document.write("JavaScript Form Validation using a Sample Registration Form by JavaScript");  
    

There are Two type of validation.
1) Client Side Validation using Js.
2) Server side Validation using PHP,CI,.NET,etc..

Simple HTML Form Validation using JavaScript.If a Form input or field name is empty ,and this function generate alert and show appropriate Message display.It’s generate message will form submit.There are lots of keywords using javascript Validation.
It’s used create a form submission and before the form is submitted, and Confirm or check verify the credentials.It’s Client mean Browser side validation using JavaScript.

List Of JavaScript Validation Attributes.

1 required
2 type
3 max
4 min
5 pattern
6 disabled
7 regexp

IN this JavaScript using validateForm, We are going to validate name,age and city.and the name,age and city can’t be empty.

Using the Form Validation script

HTML page : validation.html



	Simple JavaScript Form Validation



The following field(s) must be filled out:

Example Form Validation using JavaScript.

Include css

It’s id of Errors and Dsiplay this errors and color using css.

#errors {
  display:none;
  color:red;
}

Include Script

Call validateForm function and check field Empty or not Empty.if This field empty so return false.and it’s field not empty so return true and submited.

function validateForm()
{
  var errorMsg = ''
  var errorDisplay = $("#errors");
  var errorList = $("#errorList"); 
  errorList.find("li").remove();
	var name = $("#A").val();
  var age = $("#B").val();
  var city = $("#C").val();
  if (!name) {
  	errorMsg += '

  • Name
  • '; } if (!age) { errorMsg += '
  • Age
  • '; } if (!city) { errorMsg += '
  • City
  • '; } if (errorMsg.length > 0) { errorList.append(errorMsg); errorDisplay.css("display","block"); return false; } else { return true; } }

    I am Jaydeep Gondaliya , a software engineer, the founder and the person running Pakainfo. I'm a full-stack developer, entrepreneur and owner of Pakainfo.com. I live in India and I love to write tutorials and tips that can help to other artisan, a Passionate Blogger, who love to share the informative content on PHP, JavaScript, jQuery, Laravel, CodeIgniter, VueJS, AngularJS and Bootstrap from the early stage.

    Leave a Reply

    Your email address will not be published. Required fields are marked *

    We accept paid guest Posting on our Site : Guest Post Chat with Us On Skype