Registration Form Validation Using Javascript

Post Views: 436

There are two methods for validating a form

Using a keyword “validate” inside the input tag (<input type=”text” name=”userid” placeholder= “User-Id” size=”20″ required />).

This Will present output as:-

This will present error output as “**! Please fill out the field**”

Complete code for the above form is shared below :-

Presented output for the above operation :-

2. Using function call we need to define a function that will validate the field data and return corresponding errors.

We need to write the html code for input field in the form

<form><label><b> User-Id</b> </label> <input type=”text” name=”userid” placeholder= “User-Id” size=”20″ id=”userId” /> <p id=”error1″></p></form>

First we need to call the function on submit of form as (<form name=”myForm” onsubmit=”return validateForm()” methord=”post”>) Then we need to define the function

This would produce output as

Complete code for the above function is shared below :-

Conclusion:- Validating a form in javascript is easy and is done with the function call and displays an error with respect to the type of input in the field.

Author
Recent Posts

abhishek k

Intern at cotocus Limited

Keen Interest in Programming, solving real-world problems, and converting them to codes.
Abhishek is a full-stack developer that provides the solution for the design and analysis of Website and Mobile Application.
Expertise in HTML, CSS, JAVASCRIPT, LARAVEL.