Client Side Validation Using JavaScript

<html> 
<head>
<title>Form Validation</title> 
<link rel="stylesheet" type="text/css" href="style.css">

<script>
   
function formValidate()
{ 
var username = document.regform.name.value;
var userpass = document.regform.pass.value;
var useremail = document.regform.email.value;
var zipcode = document.regform.zip.value;

if( username == "" )
{
alert( "Please Enter The Name" );
return false;
}

else if( userpass == "" )
{
alert( "Please Enter The Password" );
return false;
}
       
else if( useremail == "" )
{
alert( "Please Enter The Email Address" );
 return false;
}
   
else if( zipcode == "" || isNaN( zipcode ))
{
alert( "Zip Code Allowes Only Numbers" );
return false;
}

}
</script>

</head>
<body>
<form name = "regform" onsubmit="return(formValidate());">
<table class = "tab" width="40%" align="center" bgcolor="lightgreen" cellspacing = "8" cellpadding = "8"  >         
        <tr>       
               <td><h2 align="center">Registration Form</h2></td>
            </tr>
            <tr>       
               <td><input type = "text" name = "name" placeholder="User Name" /></td>
            </tr>
             <tr>             
               <td><input type = "Password" name = "pass" placeholder="Password" /></td>
            </tr>
            <tr>       
               <td><input type = "text" name = "email" placeholder="Email Address" /></td>
            </tr>         
            <tr>         
               <td><input type = "text" name = "zip" placeholder="Zip Code #12345" /></td>
            </tr>                 
            <tr>         
               <td><input type = "submit" value = "Submit" class="btn"/></td>
            </tr>
         
</table>
</form>
</body>
</html>

Comments

Post a Comment

Popular posts from this blog

WebPage Design Using HTML and CSS

<html> <head> <title>Java Basics</title> <style> *{ box-sizing: border-box; } body { margin: 0; } .header,.footer{ background-color: yellow; padding: 10px; text-align: center; } .menu { overflow: hidden; background-color: LightGreen; padding: 10px; } .menu a { float: right; display: block; color: red; padding: 10px 10px; } .menu a:hover { background-color: yellow; color: blue; } .column.left,.column.right{ text-align: left; float: left; width: 20%; padding: 70px; background-color: HotPink } .column.middle { text-align: center; float: left; width: 60%; padding: 70px; } .row:after { content: ""; display: table; clear: both; } </style> </head> <body> <div class ="header"> <h2>Header</h2> </div> <div class = "menu"> <a href="#">Home</a> <a href="#">AboutUs</a> <...
Read more

How to design webpage using HTML And CSS

<!DOCTYPE html> <head> <title>Java Basics</title> <style> * { box-sizing: border-box; } body { margin: 0; } .header,.footer { background-color: yellow; padding: 10px; text-align: center; } .topnav {   overflow: hidden;   background-color: LightGreen;   padding: 10px; } .topnav a { float: right; display: block; color: red; padding: 10px 10px; } .topnav a:hover { background-color: yellow; color: blue; } .column.left,.column.right { text-align: left; float: left; width: 20%; padding: 70px; background-color: HotPink; } .column.middle { text-align: center; float: left; width: 60%; padding: 70px; } .row:after { content: ""; display: table; clear: both; } </style> </head> <body> <div class="header">    <h2>Header</h2> </div> <div class="topnav">    <a href="#">Home</a>    <a href="#">Ab...
Read more

Convert XML In To Java Using Java

package com.java.basicprograms; import java.io.File; import javax.xml.bind.JAXBContext; import javax.xml.bind.JAXBException; import javax.xml.bind.Unmarshaller; public class ConvertXMLInToJava { public static void main(String[] args) { try { JAXBContext context  = JAXBContext.newInstance(Item.class); Unmarshaller unmarshaller = context.createUnmarshaller(); File file = new File("E:/item.xml"); Item item = (Item) unmarshaller.unmarshal(file); System.out.println(item); } catch (JAXBException e) { e.printStackTrace(); } } }
Read more