Cannot clear the form after Submit using the Validation plugin in jQuery
- by novellino
Hello,
I an quite new to jQuery and I have a problem while trying to create a form. I am using the Validation plugin for validate the email (one the form's field).
When I click the Submit button I want to call my own function because I want to save the data in an XML file.
This is my button: (as I understood the plugin uses "submit" for understand the button)
<input type="submit" name="submit" class="submit" id="submit_btn" value="Send"/>
and here is the script for the validation:
<script type="text/javascript">
$(document).ready(function() {
//this is my form
$("#contactForm").validate();
/*save the valid data in the xml*/
$(".submit").click(function() {
var email = $("input#email").val();
var subject = $("input#subject").val();
var message = $("textarea#message").val();
if (email == "" || !$("#contactForm").valid()) {
return false;
}
var dataString = 'email='+ email + '&subject=' + subject + '&message=' + message;
//alert("DATA: " +dataString);
$.ajax({
type: "POST",
url: "SaveData.jsp",
data: dataString,
success: function(data){}
});
return false;
});
});
</script>
In general it works ok but I have two basic problems.
When I click the button in the beginning having all the form empty, I get no message for the field required. Also when the data are valid and I am doing the submit, the form does not become clear after the submit.
If I deleted this script code, these actions are working properly but I can not save the data!
Does anyone know what is wrong?
Thanks a lot!
