Hi,
are you bored with the form validation and form submission in traditional way then try this example this will minimize your task and save your development time.
first let me introduce the jquery plug-ins that we are going to use in this example. the first one is Jquery Validation plugin available
here . this plugin help to quick validate your html form. please read the docs for mor details.
another plugin we are using here is ajaxForm plugin available
here . very use full for form processing.
Example
$(document).ready(function(){
var options = {
target: '#output1', // target element(s) to be updated with server response
beforeSubmit: showRequest, // pre-submit callback
success: showResponse // post-submit callback
};
$("#form1").validate();
$('#form1').ajaxForm(options);
});
function showRequest(formData, jqForm, options) {
return $("#form1").valid();
}
function showResponse(responseText, statusText, xhr, $form) {
//alert('status: ' + statusText + '\n\nresponseText: \n' + responseText + '\n\nThe output div should have already been updated with the responseText.');
}