JavaScript can be used to validate form data before it is submitted. Common validations include checking for empty required fields, valid email addresses, and correct data types. JavaScript provides functions to check for these conditions and alert users or prevent form submission if invalid data is entered. It can also be used to manipulate windows and frames on a webpage through objects like window and iframe.
JavaScript can be used to validate form data before it is submitted. Common validations include checking for empty required fields, valid email addresses, and correct data types. JavaScript provides functions to check for these conditions and alert users or prevent form submission if invalid data is entered. It can also be used to manipulate windows and frames on a webpage through objects like window and iframe.
JavaScript can be used to validate form data before it is submitted. Common validations include checking for empty required fields, valid email addresses, and correct data types. JavaScript provides functions to check for these conditions and alert users or prevent form submission if invalid data is entered. It can also be used to manipulate windows and frames on a webpage through objects like window and iframe.
JavaScript can be used to validate form data before it is submitted. Common validations include checking for empty required fields, valid email addresses, and correct data types. JavaScript provides functions to check for these conditions and alert users or prevent form submission if invalid data is entered. It can also be used to manipulate windows and frames on a webpage through objects like window and iframe.
Download as DOC, PDF, TXT or read online from Scribd
Download as doc, pdf, or txt
You are on page 1/ 6
JavaScript
Form Validation
JavaScript can be used to validate data in HTML forms before sending off the content to a server.
Form data that typically are checked by a JavaScript could be:
has the user left required fields empty?
has the user entered a valid e-mail address?
has the user entered a valid date?
has the user entered text in a numeric field?
Required Fields
The function below checks if a field has been left empty. If the field is blank, an alert box alerts a message, the function returns false, and the form will not be submitted:
function validateForm() { var x=document.forms["myForm"]["fname"].value if (x==null || x=="") { alert("First name must be filled out"); return false; } }
E-mail Validation
The function below checks if the content has the general syntax of an email.
This means that the input data must contain an @ sign and at least one dot (.). Also, the @ must not be the first character of the email address, and the last dot must be present after the @ sign, and minimum 2 characters before the end:
function validateForm() { var x=document.forms["myForm"]["email"].value var atpos=x.indexOf("@"); var dotpos=x.lastIndexOf("."); if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length) { alert("Not a valid e-mail address"); return false;
<map name="planetmap"> <area shape ="rect" coords ="0,0,82,126" onmouseover="writeText('The Sun and the gas giant planets like Jupiter are by far the largest objects in our Solar System.')" href ="sun.htm" target ="_blank" alt="Sun" />
<area shape ="circle" coords ="90,58,3"
2 onmouseover="writeText('The planet Mercury is very difficult to study from the Earth because it is always so close to the Sun.')" href ="mercur.htm" target ="_blank" alt="Mercury" />
<area shape ="circle" coords ="124,58,8"
onmouseover="writeText('Until the 1960s, Venus was often considered a twin sister to the Earth because Venus is the nearest planet to us, and because the two planets seem to share many characteristics.')" href ="venus.htm" target ="_blank" alt="Venus" /> </map>
<p id="desc">Mouse over the sun and the planets and see the different descriptions.</p>
</body> </html>
3. Alert Boxes <html> <head> <script type="text/javascript"> function show_alert() { alert("Hello! I am an alert box!"); } </script> </head> <body>
