Javascript เช็คว่ามี username

พูดคุย แลกเปลี่ยน ปัญหา การเขียน JavaScript เครื่องมือ AJAX Web 2.0 AJAX Framework Jquery

Moderator: mindphp

barrack
PHP Newbie
PHP Newbie
Posts: 2
Joined: 21/10/2008 6:35 am

Javascript เช็คว่ามี username

Post by barrack »

คือว่า ผมจะทำเวปสมัครสมาชิก แล้วผมจะ เช็คว่า username ซ้ำหรือป่าว
แล้วอีกอย่างมีปุ่ม submit 1 button 1 อันนะครับในหน้าเดียวกัน จะเช็คยังไง
อันแรก เช็คว่ามี username ซ้ำหรือป่าว //อันนี้ผมทำยังไงก็ทำไม่ได้ ใช้หลายวิธีมากจนมาจบที่ get
อันที่สอง insert และ ตรวจสอบข้อผิดพลาดในการกรอกข้อมูลโดยผมใช้ javasrcipt เป็นตัวเช็ค// ส่วนนี้ผมเช็คได้อย่างเดียว แต่ไม่ไปอีกหน้านึงให้

่ตอนนี้ผมเขียนได้ประมาณนี้ก็ตันแล้วครับ ไม่รู้ว่างงกันหรือป่าว แต่ก็ประมาณนี้แหละครับ
source code ผมตัดมาบางส่วนนะครับเพราะมันยาวมาก
ยังไงก็ขอรบกวนด้วยครับ

Code: Select all

  <script language="Javascript"><!--
		function validateForm() {	
					if(isEngAndNum(Positions,"กรุณากรอก Positions  เป็นตัวอักษรอังกฤษหรือตัวเลขเท่านั้น")){

                         }
}
						  //--> </script>								


<form action='registration2.php' name="frmRegis" method="post">
 <input type='text' name="userName" id="userName" maxlength=10> <input name="chkUsername" type="button"  value="Check" onclick="checkUser(); return false;" >

<? if(isset($_GET['user'])){
	  		$sqlUser = "select * from job_company where ename = {$_GET['user']}";
			$result = mysql_query($sqlUser);
			
			
			echo $numUser."<br>";
	  		if(mysql_num_rows($result) == 0){echo "<script language=\"Javascript\">alert('This username is no longer available.')</script>";}else echo "<script language=\"Javascript\">alert('{$_GET['user']} username is valid!!')</script>";
	  
	  }?>
	  <script language="Javascript"><!--
	  			
			function checkUser(){
				var result = document.getElementById("userName").value;
					//alert(result);
					window.location=("registration.php?user="+result);
					//
				}
				
	  //--> </script>
echo '<input type=submit  style="FONT-WEIGHT: bold; CURSOR: hand; COLOR: #000000; BACKGROUND-COLOR: #ffcc00" name=submit value="Register Company" onclick="validateForm(); return false;">';


User avatar
mindphp
ผู้ดูแลระบบ MindPHP
ผู้ดูแลระบบ MindPHP
Posts: 24681
Joined: 22/09/2008 6:18 pm
Contact:

Re: รบกวนผู้รู้หน่อยครับ

Post by mindphp »

ลองศึกษา พวก AJAX ดูครับ

Code: Select all

http://www.xajaxproject.org/
น่าสนใจ ครับ
และ อีกหลายตัวที่เป็น Ajax php lib ลองใช้ บริการ Google ดูครับ
ได้ผลไง ว่างๆ ก็ มาสรุปให้เพือนๆ ดูบ้างนะครับ
ติดตาม VDO: http://www.youtube.com/c/MindphpVideoman
ติดตาม FB: https://www.facebook.com/pages/MindphpC ... 9517401606
หมวดแชร์ความรู้: https://www.mindphp.com/forums/viewforum.php?f=29
รับอบรม และพัฒนาระบบ: https://www.mindphp.com/forums/viewtopic.php?f=6&t=2042

barrack
PHP Newbie
PHP Newbie
Posts: 2
Joined: 21/10/2008 6:35 am

Re: Javascript เช็คว่ามี username

Post by barrack »


ลองศึกษา พวก AJAX ดูครับ
โค้ด: http://www.xajaxproject.org/
น่าสนใจ ครับ
และ อีกหลายตัวที่เป็น Ajax php lib ลองใช้ บริการ Google ดูครับ
ได้ผลไง ว่างๆ ก็ มาสรุปให้เพือนๆ ดูบ้างนะครับ
ขอบคุณครับ

อันแรกผมทำเสร็จแล้วครับ ผมทำแบบเรียก function และใช้ php เช็ค username ครับ
ส่วน code อาจจะงงๆนะครับ
.php

Code: Select all

<input type='text' name="userName" id="userName" maxlength=10> 
<input name="chkUsername" type="button"  value="Check" onclick="checkUsername(event); return false;" >
.js

Code: Select all

var objRequest = createRequestObject();

    function createRequestObject() {
      var objTemp = false;

      if (window.XMLHttpRequest) {
        objTemp = new XMLHttpRequest();
      }
      else if (window.ActiveXObject) {
        objTemp = new ActiveXObject("Microsoft.XMLHTTP");
      }
      return objTemp;
    }

function getData(dataSource){
		if(objRequest) {
			objRequest.open("GET",dataSource);
			objRequest.onreadystatechange = handleResponse;
			objRequest.send(null);
		}
	}
	
function checkUsername(keyEvent){
	var userName = document.getElementById("userName");
		keyEvent = (keyEvent) ? keyEvent : window.event;
		
		if(keyEvent.type == "click"){
			if(userName.value){
						getData("check_username.php?name="+encodeURIComponent(userName.value));
					}
			}	}	
	
function handleResponse(){
		if(objRequest.readyState == 4 && objRequest.status == 200){
				var status = objRequest.responseText;
				alert(status);
				if(status == "ok"){
						alert("username is valid!!");
						
					}else if(status == "used"){
						alert("This username is no longer available");
						}
			}
		
	}
.php

Code: Select all

	
               $name = $_GET['name'];
		
               $sql = mysql_query("SELECT * from company where ename='{$name}'");
		
                if(mysql_num_rows($sql) == 0){
			$status = "{$name} username is valid!!";
		}else{
			$status = "This username is no longer available";
		}
		echo $status;

Post Reply
  • Similar Topics
    Replies
    Views
    Last post

Return to “JavaScript & Jquery Ajax”

Who is online

Users browsing this forum: No registered users and 1 guest