Form validation

Tanax · 09-24-2007, 09:05 PM

Hey, I'm curious, how can I check an input value and match it in the database with javascript?

Like for instance, we have a simple login form.
Input username, input password.

When they write the username nothing happens, but when they DEselect the input field of username, it instantly checks if the username exists in the database.

Code:

<form action="" method="POST">
Username: <input type="text" name="username" onblur="check('username')"><span id="nameError"></span><br />
Password: <input type="password" name="pass" onblur="check('pass')"><span id="passError"></span></form>

And it just use innerHTML to change the value of the spans.
But how do I check the values in the database with javascript? :S

Salathe · 09-24-2007, 10:45 PM

It looks like you're wanting to use an XMLHttpRequest in JavaScript to talk to a PHP script on your server. The PHP script will then check the database to see if the username exists and report back accordingly. Then the JavaScript will parse the response and change the innerHTML of the spans as appropriate. Or, in a more concise form, you're wanting to do an AJAX call.

I don't know your level of knowledge in this area but just let me say that if you're looking for a way for JavaScript (and only JS) to talk to the database, then you can't. But that doesn't mean the process is difficult.

Since it makes the process a whole lot easier, can I ask if you have any experience with JavaScript frameworks (jQuery, Prototype, Mootools...) and if so which one(s)? For the sake of simplicity, it would probably be easier to guide you through your problem using one of the frameworks (that's their purpose, to make things easier!).

Tanax · 09-25-2007, 07:56 AM

I have no experience in jQuery, Prototype nor Mootools, however that's why I'm kinda asking, cause I want to learn :)

Tanax · 09-28-2007, 08:45 AM

Bump >.< ........