Printable View
سلام
من می خوام یه فرم ثبت نام بسازم به طوری که اگر نام کاربری یا کلمه عبور را که کاربر وارد می کند، قبل از اینکه submit شود، textfield مثلا قرمز شود و زیرش بنوسه این نام کاربری قبلا ایجاد شده. در واقع با رفتن به textfield بعدی برای پر کردن اطلاعات دیگر ، textfield قبلی که نام کاربری را وارد کرده قرمز شود.
این کار را باید با آژاکس یا راحت ترش jquery انجام بدید
من یک نمونه براتون میزارم (ajax)
index.php
[PHP]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Fancy Style Username availability Checking using jQuery</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style>
.red{border:#F00 thin solid;}
.green{border: #0F0 thin solid;}
</style>
<script language="javascript" type="text/javascript">
function check()
{
var xmlhttp;
try
{
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
}
catch(e)
{
try
{
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
catch(e)
{
if(typeof XMLHttpRequest != "undefined")
{
xmlhttp = new XMLHttpRequest();
}
}
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
if(xmlhttp.responseText=='yes')
{
document.getElementById('username').className='gre en';
}
else
{
document.getElementById('username').className='red ';
}
}
}
var url='get.php?username='+document.getElementById('u sername').value;
xmlhttp.open("GET",url,true);
xmlhttp.send();
}
</script>
</head>
<body>
<br>
<div align="center">
ali ,hasan, hossin ثبت شده
</div>
<div align="center">
برای چک کردن از تکست باکس خارج شوید
<br>
User Name : <input name="username" type="text" id="username" value="" onBlur="check()"/>
</div>
</body>
</html>
[/PHP]
get.php
[PHP]<?php
$existing_users=array('ali','hasan','hossin');
$user_name=$_GET['username'];
if (in_array($user_name, $existing_users))
{
//user name is not availble
echo "no";
}
else
{
//user name is available
echo "yes";
}
?>[/PHP]
خیلی مفید بود متشکرم.
اگه کنار username بخواهیم یه عکس و یه متن بنویسیم کجا باید اضافه کنیم.
مثلا اگه username درست بود جلوی textbox بنویسه available با یه عکس کنارش.
میتونید بعد از username متن و عکس را بگزارید .