SOLVED!
Damn it, bloomin' windows and its file based permissions. So I tried
all sorts to get this working looking at examples etc and nothing was
working. Out of complete curiosity I went to go look at the
jquery.form.js file and I couldn;t ruddy read it because I did not
have the corrcet priv's set for the internet user. Reset permissions
on the files and voila the below code works for me now!
$(document).ready(function()
{
$("#myform").validate({
submitHandler: function(myform) {
jQuery(myform).ajaxSubmit({
type: "POST",
url: "thanks.php",
success: function() {
$('#contact_form').html("<div
id='message'></div>");
$('#message').html("<h2>Contact Form
Submitted!</h2>")
.append("<p>We will be in touch soon.</p>")
.hide()
.fadeIn(1500, function() {
$('#message').append("<img
id='checkmark' src='/images/
check.png' />");
});
}
});
}
});
});
On Sep 16, 12:38 pm, HairyJim <james.d...@gmail.com> wrote:
> hmmm Im getting nowhere with this :/
>
> So following the code on the page you suggested and the notes made
> about .ajaxSubmit I transpose it like thus but nothing happens, it
> does not even call the referenced thanks.php.
>
> jQuery(function(){
>
> var options = {
> type: "POST",
> url: "thanks.php",
> success: function() {
> $('#contact_form').html("<div
> id='message'></div>");
> $('#message').html("<h2>Contact Form
> Submitted!</h2>")
> .append("<p>We will be in touch soon.</p>")
> .hide()
> .fadeIn(1500, function() {
> $('#message').append("<img id='checkmark'
> src='/images/
> check.png' />");
> });
> }
> };
>
> jQuery("#myform").validate({
> submitHandler: function(myform) {
> // inside event callbacks 'this' is the DOM
> element so we first
> // wrap it in a jQuery object and then invoke
> ajaxSubmit
> jQuery(myform).ajaxSubmit(options);
> }
> });
>
> });
>
> On Sep 16, 11:52 am, Jörn Zaefferer <joern.zaeffe...@googlemail.com>
> wrote:
>
> > Here is an
> > example:http://jquery.bassistance.de/validate/demo/ajaxSubmit-intergration-de...
>
> > Jörn
>
> > On Wed, Sep 16, 2009 at 12:39 PM, HairyJim <james.d...@gmail.com> wrote:
>
> > > Sorry, I have no idea where to use the .ajaxSubmit() option in the
> > > code. What do I need to change to pass the data over to the processing
> > > file?
>
> > > Thanks
> > > James
>
> > > On Sep 16, 10:49 am, Jörn Zaefferer <joern.zaeffe...@googlemail.com>
> > > wrote:
> > >> You don't specify any data to submit in your ajax call. Use the data
> > >> option, or better yet, the form's plugin ajaxSubmit method. It will
> > >> handle the form serialization for you.
>
> > >> Jörn
>
> > >> On Wed, Sep 16, 2009 at 11:42 AM, HairyJim <james.d...@gmail.com> wrote:
>
> > >> > Hi all,
>
> > >> > I have this Jquery code, below, which I was hpoing would pass the data
> > >> > from the form over to form processing script but the problem I have
> > >> > is that the success is returned but the processing script does not
> > >> > seem to get the form data passed to it.
>
> > >> > I have tested the script is called by just firing a success email off.
> > >> > What am I doing wrong, I'm lost in the forest and can't see the trees!
>
> > >> > I am including jquery, jquery.validate and jquery.form
>
> > >> > $(document).ready(function()
> > >> > {
> > >> > $("#myform").validate({
> > >> > submitHandler: function() {
> > >> > $.ajax({
> > >> > type: "POST",
> > >> > url: "thanks.php",
> > >> > success: function() {
> > >> > $('#contact_form').html("<div
> > >> > id='message'></div>");
> > >> > $('#message').html("<h2>Contact
> > >> > Form Submitted!</h2>")
> > >> > .append("<p>We will be in touch
> > >> > soon.</p>")
> > >> > .hide()
> > >> > .fadeIn(1500, function() {
> > >> > $('#message').append("<img
> > >> > id='checkmark' src='/images/
> > >> > check.png' />");
> > >> > });
> > >> > }
> > >> > });
> > >> > }
> > >> > });
> > >> > });
