Ajax Contact Form with Captcha

Discussion in 'Web Design and Development' started by TuckBodi, Dec 18, 2007.

  1. macrumors 6502

    Joined:
    Jan 10, 2007
    #1
    I'm in a time crunch and need to come up with a contact us form for a web page and I'm looking for one using PHP, Ajax and Captcha (image verification). With the Ajax (& Javascript) part I want to be able to validate the required fields, post the info from the form without leaving the page, then clear the fields and post a message above everything if it was successful (or error out if not).

    Sounds straightforward and I've found some out there which do some of these but not all. Anybody have any ideas of anything out there, preferably free/open source?

    Thx
     
  2. macrumors newbie

    Joined:
    Dec 19, 2007
    #2
    Well, seems this ajax contact form is exactly what you are looking for. Unfortunately it's not free - $10 annual subscription. Their contact page is a demonstration of the working contact form. Hope this was useful at least a little bit.
     
  3. Moderator emeritus

    angelwatt

    Joined:
    Aug 16, 2005
    Location:
    USA
    #3
    This wouldn't be overly hard to write, especially if you start from someone else's solution. I have a version that validates with JavaScript before submitting, uses textual captcha, but no AJAX (though runs with a single PHP file). I wouldn't want to use AJAX the way you're suggesting. Just seems unnecessary.

    I prefer a textual captcha over an image one because it's more accessible to those with disabilities.
     
  4. macrumors 604

    thejadedmonkey

    Joined:
    May 28, 2005
    Location:
    Pa
    #4
    Where exactly would you use AJAX then? I'm not looking to argue, but curious as I always thought that examples like these are the perfect places to use AJAX.
     
  5. Moderator emeritus

    angelwatt

    Joined:
    Aug 16, 2005
    Location:
    USA
    #5
    Off the top of my head some good AJAX I've seen is Google Suggest (auto completion that talks to a server database) and the way Yahoo Mail makes use of it. Google Reader also does a good job pulling in RSS updates in the background.

    The example here isn't necessarily a bad place for AJAX, just not one I'd be comfortable with. It's kind of a usability concern. The user submits, then the form goes blank and the users goes AHHH! and perhaps doesn't see the "submitted successfully" message. Not seeing it in action though, this may not be a huge concern. I also hope that the form works with JavaScript disabled.
     

Share This Page