jQuery AJAX Login Series Pt1
May
10
Heyo. This is going to be the first of 4 tutorials on making a jQuery powered AJAX login system with a PHP backend. The series of tutorials will go like so.
- Plan, code the form (This tutorial)
- Code the PHP backend, make it work
- Code the AJAX, implement it.
- Tidy it up, make it look snazzy
Ok then. So we will have a forum with 2 inputs; username and password. The user will enter the details and we’ll use PHP to authenticate them. If its true, we can set a cookie or echo some text. We will then implement jQuery’s AJAX and make the whole thing seemless. Some nice little fades will be added at the end.
So, the form. Its a plain and simple HTML form. Nothing special about it.
-
<form method="post">
-
-
<b>Username:</b><input type="text" name="username">
-
-
<b>Password:</b><input type="password" name="password">
-
-
-
<input type="submit" name="login" value="Login">
-
</form>
Thats all for now. Next lesson we will code the PHP and “make it work“.
jQuery AJAX Tutorial Pt2 | Query7 - PHP jQuery Linux Says:
[...] Heres Part 2 of the jQuery AJAX login tutorial. If you haven’t already, i suggest you read part 1 located here. [...]
Posted on May 13th, 2008 at 4:35 am