11 Demo: an Ajax-powered contact form

This chapter covers

• Effects with jQuery
• jQuery's utility functions
• Making Ajax requests
• Creating an accessible form

11.1 The features of the project

11.2 Creating the markup

11.3 Implementing the PHP backend

11.4 Field validation using Ajax

---

$('input, textarea', '#contact-form').blur(function() {
 // Code omitted here...
})
.focus(function() {
 $(this)
 .next('.error')
 .text('');
});

---

11.5 Even more fun with Ajax

11.5.1 Hiding the dialog box

11.6 Improving the user experience using effects

11.6.1 Toggling the effects

11.7 A note on accessibility

11.8 Summary