JS file can view the source code
Xml/html Code
Copy Code code as follows:
<div id= "Preview" ></div>
<div id= "Formbox" >
<form name= "form" id= "form" action= "submit.php" method= "POST" >
<ul id= "Ngothastyle3" >
<li>
<label>Name</label>
<input type= "text" name= "name" class= "maxlength=" "/>"
</li>
<li>
<label>Email</label>
<input type= "text" name= "email" class= "maxlength=" "/>"
</li>
<li>
<label>Message</label>
<textarea name= "Message" rows= "5" cols= "class=" "></textarea>
</li>
<li>
<label> </label>
<input type= "Submit" value= "Submit" >
</li>
</ul>
</form>
</div>
JavaScript Code
Copy Code code as follows:
<script type= "Text/javascript" >
$ (' document '). Ready (function () {
$ (' #form '). Validate ({
rules:{
' Name ': {
Required:true,
Maxlength:40
},
"Email": {
Required:true,
Email:true,
maxlength:100
},
' Message ': {
Required:true
}},
messages:{
' Name ': {
Required: "This field is required"
},
"Email": {
Required: "This field is required",
Email: "Please enter a valid email address"
},
' Message ': {
Required: "This field is required"
}},
Submithandler:function (form) {
$ (form). Ajaxsubmit ({
Target: ' #preview ',
Success:function () {
$ (' #formbox '). Slideup (' fast ');
}
});
}
})
});
</script>