..

Thanks again man you really helped me out.

I’ve checked your implementation, works nice! Just a quick tip: like a number of other users, I use NoScript Firefox plugin, which blocks JavaScript, and therefore unless I allow JS on the page, the username checker doesn’t work on default. To fix this you have the option to require JS; here you’ll find some ways to do so http://www.webproworld.com/discussion-forum/66271-how-do-i-require-javascript-active-scripting.html (namely, visitors may only register to your site if they have JS enabled).

About the donation: I thank you for your good intentions. I’ve implemented a donation button through PayPal at the sidebar for your convenience.

Regards

You can check out the username availability function with the added text box color in the link below. The unavailable username is johnny.

http://www.sharperjafs.com/Account/Sign_Up.php

Is there anyway that I can donate some money to you because I would really like to show you thanks.

Glad you will use it in your site! To change the input text box background color is luckily not complicated at all, as JS allows to dynamically change styles of DOM elements. Read more about it here: http://www.w3schools.com/Css/pr_background-color.asp

Here are the steps you need to take to get it to work:

in check.php

1. Replace line 20
for echo ‘0′;

2. Replace line 25
for echo ‘1′;

What this does is return a number instead of an image, depending on the result of the username availability check. 0 means submitted name is unavailable, while 1 means the opposite.

in index.php

3. Remove document.getElementById(divid).innerHTML = html;

4. After var html = http.responseText;
add if (html == 0) {
document.getElementById(’username’).style.backgroundColor=”#ff2c2c”;
} else {
document.getElementById(’username’).style.backgroundColor=”#ffffff”;
}

Step 3 is to prevent the response number being showed to the user, as we only want to use it for telling JS whether to change colour or not. Step 4 is the snippet of code which actually changes the colour. You may replace the value with colour name, hex or RGB value.

If I forgot nothing, that should be all you need

Regards

I am wondering how would you add text box color such as green for success and red for an error?

Thank you

1. Replace the input field code with this:

< *input id="username" type="text" name="username" size="20" style="display: inline;"/>

remove *

2. Add the availability check link anywhere in the page:

< *a href="javascript:void(0);" onclick="timeoutUsernameCheck()">Check< */a>

remove *

This will stop making automatic checks and will only perform them when user clicks on link.

3. Change delay to 0, replacing the existing var delay = ‘1000′; with:

var delay = ‘0000′;

That’s the quickest and easiest way, and works.
You may want to do further tweaks in the AJAX code to optimise it…

Regards

pla suggest me how to give link to the check availability instead of on key up click.

very urgent