สอบถามการเช็คข้อมูลซ้ำแบบยังไม่กด submit เหมือนใช้อีเมล์ของ hotmail

เช็คข้อมูลซ้ำแบบยังไม่กด submit หรือ post  
ตัวอย่างเหมือนเวลาเราสมัครใช้อีเมล์ของ hotmail โดยที่เมื่อเรากรอกข้อมูลชื่อของอีเมล์ โปรแกรมจะเช็คให้เลยว่าสามารถใช้ได้หรือไม่

พอดีมีปัญหาเกี่ยวกับการกรอกข้อมูลครับ กรอกมาตั้งเยอะพอ submit ไป ข้อมูลกลายเป็นซ้ำ ค่อนข้างเสียเวลา

ใช้

<a href="javascript:history.back();">โปรดลองอีกครั้ง</a>

ส่วนเรื่อง Jacascript เช็คต้องขอดู from หน่อยอะครับ

ถ้าใช้ history back ของจาวาสคริป หรือ ว่ากดbackแบบธรรมดาข้อมูลเดิมที่กรอกมันก็จะมาครับ แต่มาเฉพาะที่เป็น text  field แบบธรรมดาครับ
ที่แบบไม่ธรรมดาหมายถึงผมใช้ text  field แบบ autocomplete ซึ่งในหนึ่งฟอร์ม ผมมีถึง 14  text  fieldของออโตคอมพีทดังนั้นถ้าข้อมูลผิดพลาดใด ๆ เมื่อ back กลับผมต้องมานั่งกรอกใหม่ทั้งหมด 14 text field จึงมองหาวิธีแก้ไขครับ.


ตามจริงหลักดึงข้อมูลในฐานข้อมูลมาเปรียบเทียบน่าจะคล้ายคลึงกันกับการใช้ั autocomplete หรือเปล่าครับ?
แต่ผมไม่รุู้ว่าจะเขียนโปรแกรมต่อยังไง 


ขอบคุณครับ.

<form>
			<input type="text" id="email">
			<input type="hidden" id="check_email">
			<input type="submit"id="submitform" value="ตกตง">
		</form>
		   <script type="text/javascript">
		   	$(document).ready(function () {
		   		$("#email").keyup(function(){  

		   			var email = $('#email').val();
		    		$.ajax({
		    			type: "POST",
		    			url: "checkemail.php",
		    			data: { email: email}
		    		})
		    		.done(function( data ) {
		    			$('#check_email').val(data);

		    		});	

				});

				
				

				$( "form" ).submit(function( event ) {
					if( $('#email').val() == $('#check_email').val() ) {
						event.preventDefault();
					}

				});

				
		   	});


		   </script>

<?php
$connect = "localhost";
$user = "root";
$pwd  = "root";
$db_name   = "project";
$objConnect = mysql_connect($connect,$user,$pwd)or die("ติดต่อ server ไม่ได้");
$objDB = mysql_select_db($db_name) or die("ติดต่อฐานข้อมูลไม่ได้");
mysql_set_charset('utf8');

$email =  $_POST['email'];
$sql ="SELECT account_email FROM account WHERE account_email = '$email'";
$query = mysql_query($sql); 
$num_rows = mysql_num_rows($query);

if( !$num_rows == 0 ) {
	
	while ($result = mysql_fetch_array($query)) {
		echo $result['account_email'];
	}


}

?>

ลองดูแบบนี้ครับ ใช้  ajax  เรียก ค่ามาเที่ยบดู

แต่ผมใช้ เป็น พวก jquery validate   กำลังหัดใช้เหมือนกัน

ขอบคุณมากครับไปเจอมา ใช้งานได้แล้วครับ http://www.9lessons.info/2008/12/twitter-used-jquery-plug-in.html

ได้คววามรู้ที่ดีมาก