Validation

Validation using jquery

by japaneselanguagefriend

HTML

<script src="http://ajax.microsoft.com/ajax/jquery.validate/1.7/jquery.validate.min.js"></script>
<h1>Form Validation Example</h1>
<form id='registerForm' name='registerForm' method='post' action='' >   <p>
   Name: <input type='text' name='name' id='name' class='required' />
   </p>
           <p>
   Number: <input type='text' name='number' id='number' class='required' />
   </p>
   <p>
   Email: <input type='text' name='email' id='email' class='required' />
   </p>
   <p>
   <input type='submit' name='Submit' value='Submit' />
   </p>
</form>

CSS

.error {
 background-color:red;
    font-size:15px;
}
body{font-size:x-large;background:#CCC;}
h1{margin-bottom:20px;}
form{padding:50px;}

JavaScript

$(document).ready(function(){
    $("#registerForm").validate();
  });