Simple Form Validation using HTML and JavaScript- for Beginner -2019


Form Validation using HTML and JavaScript- for Beginner 

Forms are used in web pages for get required details of the user and send it to the server for processing. A form is also known as web form or HTML form. Examples of form use are prevalent in Social websites, e-commerce websites etc.
 Form Validation
  • HTML form validation can by executed by JavaScript. 
  • If a form field is empty,  this function alerts a message, and returns false to prevent the form from being submitted.
  • It is very helpful to enter the user details in form.

Let us start with example. 

Syntax for Validation Using JavaScript 



The above JavaScript code helps us to check all the details in HTML document.

  • function validation() - to run the hole conditions.
  • if() - to check the value if it is True or False 
  • alert() -it will display (alert) message and ask to fill the fields. 

Syntax for HTML form




The above HTML document is used to create HTML form with Text, Password and Rest and Submit  the data.

  • <form> and </form> - used to create a form and give action.
  • <input type=""> - used to give data as a input.

How to execute the HTML form using JavaScript  

  1. Insert the JavaScript code above <body>.
  2. Insert the Form Code below <body>
  3. Save the file with filename.html.
  4. Run using web browser, that's all!

JavaScript with in HTML document 



Output

Case-1
 Output_1
Case-2

 Output-2

In this program we learnt about Form validation using JavaScript in simple way. you may also check trending topics below.

Trending Post-

Post a Comment

If you any doubts, Please let me know

Previous Post Next Post