I didn't consider validation necessary for that page either. Presumably if someone is registering to show their interest in the Sharify service then they will put in their correct email address. The only validation I could do would be to check that the email address was a legal email address so this wouldn't guarantee they hadn't misspelt it or anything. And the comments field is totally optional so can't be validated. So it didn't seem to make much sense to add validation to this page. Then again, it is so easy to add that maybe I should have done just for the sake of completeness!

Cheers,

Kelvin :)

Whoops?

~James

Thanks alot for all your help. The new method seems to work good.

I agree about the naming of the attr. the problem has been that in my team Im not respnsible for all the old form scripts and when I requested the naming to be changed, the senior PHP developer said that it was goign to be too much hassle to change and test all the forms on the site. Im rolling this out accross 4 big sites and they dont want my new front-end projects to affect the older code that has been in place for several years.

Im hoping to sort this naming out eventually, but in the meantime this is doing what I want so thankyou very much.

I will post you up a link to the page as soon as its live on our server, its currently on our Dev server behind a firewall.

Thanks again,

Simon.

I've just done some investigation and I can see what is causing your problem. The problem is that form.submit is a pointer to the submit button in your case rather than being the submit() function which should submit the form. So when I try and trigger a form submit event it fails.

I would highly suggest a way of changing the name attribute on the submit button. What is the reason you can't change it? Because serverside code is expecting it? I think using words like submit as the name of a form element is bad practice...

If there is no way you can change it then you could change this line:

$(f).trigger('submit');

to:

$this.trigger('click');

As we can't trigger the submit event on the form itself (as it has been overwritten by the input type=submit element), instead I am triggering a click event on the original button. The problem is that it seems like any onsubmit handlers on the form don't run (or don't have the ability to return false and prevent the form from submitting). I noticed this on my test page because changing the code broke the validation. That may not be an issue in your case but it's worth being aware of...

Hope that helps,

Kelvin :)

Sorry I probably wasn't very clear. The name="submit" is in my form, not yours.

http://www.mr-scraggy.com/test.html

If you check out the link above, which is a basic html page, I have included two forms. The top one is copied out from the source code of your form. The bottom one is the markup from my form. Its not linked to any form scripts but you can see that if you click on sign up link for your form, the submit works. If you click on my one, it doesnt. I spent a while debugging and trying things out and the only thing that makes a difference is the name="submit" on my submit. if you take that out, the javascript works. Unfortunately for me, I'm not allowed to change the name="submit" on any of the forms so im stuck with it. Im very new to javascript so I don't really know how to overcome the issue. Any help or ideas would be very well received.

Thanks,
Simon

I'm a little confused... I don't think there are any name="submit" attributes in my code? The :submit jquery selector just selects every input with a type of submit (e.g. submit buttons) - they don't need any particular name (or indeed a name at all!).

If you are still having problems then maybe I can help further if you can provide a link to your page which is displaying the problem,

Cheers,

Kelvin :)

You could try using YQL to make a jsonp request out of the data like I do in this example:

http://www.kelvinluck.com/2009/02/data-scraping-with-yql-and-jquery/

Hope that helps,

Kelvin :)

Im implementing your form submit link swap technique across a wide range of forms and Im having issues with the fact that because a lot of the form submits have a 'name="submit"' attribute, the click submit breaks. I was just wondering if you had any ideas as to how I could easily get round this, aside from changing the name attribute.

Thanks in advance for any help you can give me, keep up the good work.

Yeah XML is a whole lot easier in AS3. Coming more back to the post topic, jQuery is a fantastic library and the great documentation and critical mass it's obtained mean a lot of plugins and libraries are coming out now, similar to AS3 I guess. One thing I'm still stuck on though is connecting to external RSS feeds via jQuery. All the solutions I've seen so far require a PHP proxy to work....

Glad you like the site :)

There is no validation on the contact form. I didn't see the need to validate it - people can't really fill it in "incorrectly". I guess I could check for a valid email address but my feeling was that if someone was trying to contact us and wanted a response then they would be careful to enter their correct email address... The validation is on all the forms within the admin panel where there is a need to prevent users making mistakes.

I'm afraid there isn't a publically available as3 version of Flashr. I have the start of a version on my harddrive but it's not finished enough for release. To be honest, since XML parsing is so much quicker and easier in as3 using e4x it's probably not that hard to roll your own (depending on what features of the API you need). Or there is also as3flickrlib although I wasn't a great fan of that when I tried it out (hence starting a port of Flashr).

Hope that helps,

Kelvin :)