Prem Tiwari - - JavaScript, Web Technologies
In today’s post i will explain to how to validate a form using javasrcipt. This is very easy & simple javasrcipt code to validate text box. JavaScript can be used to validate data in HTML forms before sending the data to web server.
Below function check if form text box is blank .If the text box is left blank, an alerts message is display as popup on the web pages, and function returns false, and the form will not be submitted:
1 2 3 4 5 6 7 8 9 | function validateForm() { var x=document.getElementById("name").value; if (x==null || x=="") { alert("Please enter the name."); return false; } } |
Add below HTML code after body tag. In the below i have added a javascript function validateForm() and define the same function in above javascript code which will get the text box value and validate according to define rules.
1 2 3 4 5 | <form name="contact" action="demo.php" onsubmit="return validateForm()" method="post"> First name: <input type="text" id="name" name="name"> <input type="submit" name="submit" value="Submit"> </form> |
Prem Tiwari is the founder of FreeWebMentor.com and also a professional developer who has vast experience in PHP and open source technologies. Apart from this, he is a blogger by hobby and also he has been a regular speaker of WordPress sessions in various IT Companies. View all posts by Prem Tiwari
Tags: javascript code text box validation, Javasrcipt, Jquery, jquery tutorials for beginners, jquery validations, text box validation using javascript, textbox validation example
