Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,027

HOME > PHP > PHP Forum > [PHP] ทำอย่างไรให้พอคลิกช่อง Textbox และเป็นสีเหลืองพอกรอกข้อมูลผิดเป็นสีแดง



 

[PHP] ทำอย่างไรให้พอคลิกช่อง Textbox และเป็นสีเหลืองพอกรอกข้อมูลผิดเป็นสีแดง

 



Topic : 047847



โพสกระทู้ ( 24 )
บทความ ( 0 )



สถานะออฟไลน์




พอจะมีโค้ดมั้ยครับ

คลิกช่อง Textbox และเป็นสีเหลืองพอกรอกข้อมูลผิดเป็นสีแดง

หรือไม่ก็ช่วยดูฟังชั่นพวกนี้ทีครับ

Code (PHP)
<script type="text/javascript" language="javascript1.5"> 
<!--
function isValid(variable)
{
   var ValidChars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz';
   var isValid=true;
   var Char;
 
   for (i = 0; i < variable.length && isValid == true; i++) 
   { 
      Char = variable.charAt(i); 
      if (ValidChars.indexOf(Char) == -1) 
      {
      	isValid = false;
      }
   }
   return isValid;   
}
 
function isValidNum(variable)
{
   var ValidChars = '0123456789';
   var isValid=true;
   var Char;
 
   for (i = 0; i < variable.length && isValid == true; i++) 
   { 
      Char = variable.charAt(i); 
      if (ValidChars.indexOf(Char) == -1) 
      {
      	isValid = false;
      }
   }
   return isValid;   
}
 
function checkID(id)
{
	if(id.length != 13) return false;
	for(i=0, sum=0; i < 12; i++)
	{
		sum += parseFloat(id.charAt(i))*(13-i); 
	}
	
	if((11-sum%11)%10!=parseFloat(id.charAt(12)))
		return false; 
	
	return true;
}
 
function validate(form) 
{
	/* game_first */
	if(form.game_first.value == '')
	{
	    inlineMsg('game_first','<strong>ผิดพลาด</strong><br />คุณยังไม่ได้กรอกชื่อในเกม', 10);
   		return false;  
	}
	if(form.game_first.value.length < 4 || form.game_first.value.length > 8)
	{
	    inlineMsg('game_first','<strong>ผิดพลาด</strong><br />ชื่อในเกม ต้องมีความยาว 4-8 ตัวอักษร', 10);
   		return false;  
	}	
	if(!isValid(form.game_first.value))
	{
	    inlineMsg('game_first','<strong>ผิดพลาด</strong><br />ชื่อในเกม ต้องมีตัวอักษร a-z หรือ A-Z เท่านั้น', 10);
   		return false;  	
	}
	/* game_last */
	if(form.game_last.value == '')
	{
	    inlineMsg('game_last','<strong>ผิดพลาด</strong><br />คุณยังไม่ได้กรอกนามสกุลในเกม', 10);
   		return false;  
	}
	if(form.game_last.value.length < 4 || form.game_last.value.length > 8)
	{
	    inlineMsg('game_last','<strong>ผิดพลาด</strong><br />นามสกุลในเกม ต้องมีความยาว 4-8 ตัวอักษร', 10);
   		return false;  
	}	
	if(!isValid(form.game_last.value))
	{
	    inlineMsg('game_last','<strong>ผิดพลาด</strong><br />นามสกุลในเกม ต้องมีตัวอักษร a-z หรือ A-Z เท่านั้น', 10);
   		return false;  	
	}
	/* password */
	if(form.password.value == '')
	{
	    inlineMsg('password','<strong>ผิดพลาด</strong><br />คุณยังไม่ได้กรอกรหัสผ่าน', 10);
   		return false;  
	}	
	if(form.password.value.length < 4 || form.password.value.length > 20)
	{
	    inlineMsg('password','<strong>ผิดพลาด</strong><br />รหัสผ่าน ต้องมีความยาว 4-20 ตัวอักษร', 10);
   		return false;  
	}
	/* repassword */		
	if(form.repassword.value == '')
	{
	    inlineMsg('repassword','<strong>ผิดพลาด</strong><br />คุณยังไม่ได้กรอกยืนยันรหัสผ่าน', 10);
   		return false;  
	}	
	if(form.repassword.value.length < 4 || form.password.value.length > 20)
	{
	    inlineMsg('repassword','<strong>ผิดพลาด</strong><br />ยืนยันรหัสผ่าน ต้องมีความยาว 4-20 ตัวอักษร', 10);
   		return false;  
	}	
	/* check password */
	if(form.repassword.value != form.password.value) 
	{
	    inlineMsg('password','<strong>ผิดพลาด</strong><br />รหัสผ่าน และ ยืนยันรหัสผ่าน มีค่าไม่เหมือนกัน กรุณาตรวจสอบ', 10);
   		return false;  	
	}
	/* realname */
	if(form.realname.value == '')
	{
	    inlineMsg('realname','<strong>ผิดพลาด</strong><br />คุณยังไม่ได้กรอกชื่อจริง', 10);
   		return false;  
	}	
	/* lastname */
	if(form.lastname.value == '')
	{
	    inlineMsg('lastname','<strong>ผิดพลาด</strong><br />คุณยังไม่ได้กรอกนามสกุลจริง', 10);
   		return false;  
	}		
	/* pid */
	if(!checkID(form.pid.value))
	{
	    inlineMsg('pid','<strong>ผิดพลาด</strong><br />คุณยังไม่ได้กรอกรหัสบัตรประชาชน หรือ รหัสบัตรประชาชนไม่ถูกต้อง', 10);
   		return false;  		
	}
	/* sex */
	if(form.sex[0].checked == false && form.sex[1].checked == false)
	{
	    inlineMsg('sex','<strong>ผิดพลาด</strong><br />คุณยังไม่ได้เลือกเพศ', 10);
   		return false;  		
	}
	/* email */
	var emailRegex = /^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/;  
	if(form.email.value == '') 
	{
		inlineMsg('email','<strong>ผิดพลาด</strong><br />คุณยังไม่ได้กรอกอีเมลล์', 10);
		return false;
	}
	if(!form.email.value.match(emailRegex)) 
	{
		inlineMsg('email','<strong>ผิดพลาด</strong><br />คุณกรอกอีเมลล์ไม่ถูกต้อง', 10);
		return false;
	}
	/* age */
	if(form.age.value == '') 
	{
		inlineMsg('age','<strong>ผิดพลาด</strong><br />คุณยังไม่ได้กรอกอายุ', 10);
		return false;
	}		
	if(!isValidNum(form.age.value))
	{
		inlineMsg('age','<strong>ผิดพลาด</strong><br />คุณกรอกอายุไม่ถูกต้อง กรุณากรอกเฉพาะตัวเลขเท่านั้น', 10);
		return false;	
	}
	/* invite_code */
	if(form.invite_code.value == '') 
	{
		inlineMsg('invite_code','<strong>ผิดพลาด</strong><br />คุณยังไม่ได้กรอก รหัสเชิญชวน (Invite Code)', 10);
		return false;
	}			
}
-->
</script>



จะเปิดใช้งานอย่างไรครับ ช่วยบอกที ใช้กับ textbox



Tag : PHP







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2010-08-29 08:45:52 By : pepsikungza View : 1350 Reply : 1
 

 

No. 1



โพสกระทู้ ( 355 )
บทความ ( 0 )



สถานะออฟไลน์


คลิกช่อง Textbox และเป็นสีเหลืองพอกรอกข้อมูลผิดเป็นสีแดง

ใช้ Ajax ช่วยในการรับค่าแล้วส่งค่าที่ได้ไปตรวจสอบในไฟล์ PHP อีกครั้งหนึ่งแล้วส่งค่ากลับออกมาเพื่อตรวจสอบว่าถูกต้องหรือไม่ แล้วใช้คำสั่งในการแสดผลของ input เพื่อกำหนดสไตล์ของช่องนั้นๆ โค๊ดหาได้ตาม Google ลองค้นหาพวกคำว่า ajax submit หรือ ajax validate function

ช่วยดูฟังชั่นพวกนี้ทีครับ

เป็นฟังก์ชั่นตรวจสอบการรับค่าของฟอร์ม ถ้าจะเอาไปใช้ก็ตรงฟอร์มที่ต้องการใช้ก็ให้ใส่แบบนี้

Code
<form name="" method="" action="" onsubmit="return validate()">


ประมาณนี้








ประวัติการแก้ไข
2010-08-29 15:47:58
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2010-08-29 15:46:44 By : zankumuro
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : [PHP] ทำอย่างไรให้พอคลิกช่อง Textbox และเป็นสีเหลืองพอกรอกข้อมูลผิดเป็นสีแดง
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 00
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2024 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่