<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
.error{border: 1px dashed #FF0000;
}
.heading{font-size:24px; font-weight:bold; width:200px; margin-left:100px; padding:15px;}
.field{width:600px; float:none;margin:65px 0px 0px 350px; font-size:16px;}
</style>
<script src="jquery.js" type="text/javascript"></script>
<script src="plugin.js" type="text/javascript"></script>
<script>
$(document).ready(function()
{
$('#new_form').submit(function()
{
var fields = new Array();
<!--Any confunsion : Read user guide>
fields[0] = new Array('text','name', 'required','alpha');
fields[1] = new Array('password','password','required','minlenght');
fields[2] = new Array('text','email','required','minlenght','email');
fields[3] = new Array('text','phone','required','numeric');
fields[4] = new Array('radio','sex','required');
fields[5] = new Array('select','qualification','required');
fields[6] = new Array('checkbox','term_condition','required');
/////////////// array type check box validation ////////////////
//fields[7] = new Array('checkbox_array','hobby[]','required');
var form = new form_validation(fields,'new_form');
form.minlength =6;
return form.validation();
});
});
</script>
</head>
<body bgcolor="#CCCCCC">
<form id="new_form" name="new_form" method="post">
<fieldset class="field"><legend class="heading">Registeration Form</legend>
<table width="80%" border="0" cellspacing="0" cellpadding="5px" align="center">
<tr>
<td>Name:</td>
<td><input type="text" name="name" id='name'/></td>
</tr>
<tr>
<td>Password:</td>
<td><input type="password" name="password" id="password"/></td>
</tr>
<tr>
<td>Email:</td>
<td><input type="text" id="email" name="email"/></td>
</tr>
<tr>
<td>Phone:</td>
<td><input type="text" name="phone" id="phone"/></td>
</tr>
<tr>
<td>Sex:</td>
<td> Male<input type="radio" name="sex" value="male"/>
Female <input type="radio" name="sex" value="female" id="sex"/>
</td>
</tr>
<tr>
<td>Qulification:</td>
<td><select name="qualification" id="qualification">
<option value="">Select qualification</option>
<option value="M.Sc">M.Sc.</option>
<option value="BSC">BSC</option>
<option value="MCA">MCA</option>
</select>
</td>
</tr>
<tr>
<td> <input type="checkbox" name="term_condition"/> Term and Condition <span style="display:none;" id="term_condition"></span> </td>
<td><input type="submit" name="submit" value="submit" /></td>
</tr>
</table>
</fieldset>
</form>
</body>
</html>
|
Download
