[jQuery] ajaxForm and validate plugin
Hi all!
I have a form and I want to validate before submit with [1] plugin
because nice and good. I want to send the form's data with ajaxForm
[2] plugin.
The problem is the next:
I set the ajaxForm options that before send the data validate. The
validate plugin is working fine because I got error message(s) but the
empty form was sended always.
I want that while the form is not correct the ajaxForm don't send the data.
Does know anybody example for this with these two plugins?
Plugins:
[1] - http://bassistance.de/jquery-plugins/jquery-plugin-validation/
[2] - http://malsup.com/jquery/form/#getting-started
Here is my simple code:
<html>
<head>
<title>asd</title>
<script src="jquery.js"></script>
<script src="jquery.validate.js"></script>
<script src="jquery.form.js"></script>
<script>
$(document).ready(function() {
function formValidate() {
$("#formid").validate({
rules:{
asdasd: "required",
bsdbsd: "required"
},
messages:{
asdasd: "Ide kellene valamit írni!",
bsdbsd: "Ide se ártana balyétom!"
}
});
}
var ajaxFormOptions = {
beforeSubmit: formValidate()
}
$("#formid").submit(function(){
$(this).ajaxSubmit(ajaxFormOptions);
return false;
});
});
</script>
</head>
<body>
<form id="formid" action="post.php" method="post"
enctype="multipart/form-data">
asdasd <input id="asdasd" name="asdasd" type="text">
bsdbsd <input id="bsdbsd" name="bsdbsd" type="text">
<input type="submit" value="submit">
</form>
</body>
</html>
I would like appreciate your kind help!
--
- -
-- Csanyi Andras -- http://sayusi.hu -- Sayusi Ando
-- "Bízzál Istenben és tartsd szárazon a puskaport!".-- Cromwell