In this tutorial, we will look on how to create a registration page using AJAX. We will be using ajax to call the backend in order to avoid page refresh and JQuery to minimize unnecessary validations.

If you are looking for useful jQuery snippets, here’s list compiled from my previous posts. I am sure this list will come in handy for you in your jQuery projects.Add/Remove Input Fields Dynamically with jQueryjQuery Move Div Left/right/up/downHow to Select / Deselect All Checkboxes using jQuerySimple Form validation jQuery snippetValidating File Size Before Form Submit (HTML5)Get Selected Values From Radio Button using jQuerSelect Box Change Dependent Options dynamicallyPassword Strength Checker jQueryRestrict multiple URLs in Input with jQueryMove Content Back And Forth With jQueryCreating Simple Hover Fade jQuery PluginTriggering callback after user stops typing jQueryBack to Top Smooth scroll using jQueryDraggable Element with JQuery (No jQuery UI)Enable/Disable Form Submit Button with jQueryGet Selected Values From Radio Button using jQueryConfirmation dialog on leaving pageSelect All Text In Element on ClickGet current location of user using jQuery (Geolocation API)

We used .attr() method to get the attribute value of a checkbox. Which would return “checked” if the checkbox state is checked. But as of jQuery 1.6 it will return undefined if checkbox state is not set.

Full width responsive tiled menu is one of the most creative ways to display the navigation of your site. Not only it creates a very full-bodied effect for visitors but also gives them a taste of trendy flat design. In this tutorial, I’m going to create a full width tiled menu and make it fully responsive using CSS3 Media Queries. At the end, I’ll also use some quick JavaScript to show or hide the tiled menu on smaller screen devices. Let’s get started!