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,038

HOME > PHP > PHP Forum > ถ้าเป็น Radio button แบบนี้ เราจะเช็คค่าว่างยังไงครับ (ใช้JAVASCRIPT)



 

ถ้าเป็น Radio button แบบนี้ เราจะเช็คค่าว่างยังไงครับ (ใช้JAVASCRIPT)

 



Topic : 051669

Guest




//ถ้าเป็น Radio button แบบนี้ เราจะเช็คค่าว่างยังไงครับ (ใช้JAVASCRIPT)

<form id="form1" name="form1" method="POST" action="testvalue.php">
<?php
//ดึงข้อมูลส่วนตัวจากตาราง topic หมวดวิทยากรผู้บรรยาย < -------------------------------------------------------------------------------------------------------------------
$sqltopic = "SELECT * FROM topic WHERE project_id = $project_id AND topic_type = '3' ORDER BY topic_id ";
$sqltopic = mysql_query($sqltopic) or die("success=0");

while ($data = mysql_fetch_array($sqltopic))
{
$topic_id = $data['topic_id'];
$topic_title = $data['topic_title'];

echo "<table>";
echo "<tr>";
echo "<th width=700 border=0 align=left>$topic_title</th>";
//อ่านตัวเลือกจากตาราง choice มาเป็น input radio
$sqlchoice = "SELECT * FROM choice WHERE topic_id = $topic_id ORDER BY choice_id";
$sqlchoice = mysql_query($sqlchoice) or die("success=0");
while ($data2 = mysql_fetch_array($sqlchoice))
{
//แสดง Radio ในการเลือก
echo "<th width='100' align='center'>
<input type = radio name='{$data['topic_id']}' VALUE ='{$data2['choice_id']}'>
</th>";
}
echo "</tr>";
echo "</table>";
}
?>
<input type="submit" name="Submit" id="Submit" value=" บันทึกข้อมูล " />



Tag : PHP, MySQL, JavaScript






Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2010-11-15 09:52:26 By : phutawan View : 1860 Reply : 6
 

 

No. 1



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



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

ใช้ JQuery ครับ
ก่อนอื่นดาวน์โหลด jQuery มาก่อน
http://code.jquery.com/jquery-1.4.4.js
และ
http://jquery.bassistance.de/validate/jquery.validate.js
Code

<style type="text/css">

form.required{

}

label.error {
float:none;
color: red;
font-style: italic;
display:none;
}

</style>

<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript" src="js/jquery.validate.js"></script>
<script language="javascript">
$(document).ready(function(){
// Validate Form
$("form").each(function(){
$(this).validate();
});
}
);

</script>

</head>
<body>
<label><strong>Data Form</strong></label>
<form action="" method="post" enctype="multipart/form-data" id="form1">

<label for="textfield">Radio : </label>
<input type="radio" name="radio" id="radio" value="radio" class="required" />
<input type="radio" name="radio" id="radio2" value="radio" />
<input type="radio" name="radio" id="radio3" value="radio" />
<label for="radio" class="error">เลือกตัวเลือกใน radio ด้วย.</label>
<br />
<input type="submit" name="button" id="button" value="Submit" />
<br />
</form>

ถ้าหากว่าต้องการให้ input ตัวไหนทำการ validate เราก็แค่กำหนดให้มี class=”required” ครับ
หรือต้องการศึกษาตัวอย่างก็ตามลิงคี้เลยครับ
http:// http://bassistance.de/jquery-plugins/jquery-plugin-validation/


แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2010-11-15 14:24:09 By : komson94
 


 

No. 2

Guest


รบกวนอีกนิดครับ
ผลลอง download JQueryทั้ง 2 ไฟล์ ที่คุณkomson94มาลงแล้ว แล้วสร้างไฟล์ตามโค้ดที่แนะนำมา แล้วทดสอบโปรแกรมถ้าเราไม่เลือกอะไรเลยพอกดSubmit ก็ไม่เกิดอะไรขึ้่นครับ ไม่มีข้อความเเจ้งเตือนใดๆทั้งสิ้นครับ รบกวนแนะนำด้วยครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2010-11-15 15:18:13 By : phutawan
 

 

No. 3



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



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


jquery+1 ครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2010-11-15 21:17:02 By : sleepington
 


 

No. 4

Guest


ไม่เข้าใจครับ รบกวนบอกรายละเอียดหน่อยครับ พอดีมือใหม่ครับ ขอบคุณมากๆ ^.^
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2010-11-16 13:25:21 By : phutawan
 


 

No. 5



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

สมาชิกที่ใส่เสื้อไทยครีเอท

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


ใช้งานได้ปกติครับ ที่เขาให้ไว้ข้างบนครับ
คุณแทรกไว้ js ผิดหรือเปล่า

Code (PHP)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">

form.required{

}

label.error {
float:none;
color: red;
font-style: italic;
display:none;
}

</style>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>  // ตรงนี้ของคุณอาจจะผิด
<script type="text/javascript" src="js/validate/jquery.validate.js"></script> // ตรงนี้ของคุณอาจจะผิด
<script language="javascript">
$(document).ready(function(){
// Validate Form
	$("form").each(function(){
			$(this).validate();
			
			});
	}
);

</script>

</head>
<body>


<label><strong>Data Form</strong></label>
<form action="" method="post" enctype="multipart/form-data" id="form1">

<label for="textfield">Radio : </label>
<input type="radio" name="radio" id="radio" value="radio" class="required" />
<input type="radio" name="radio" id="radio2" value="radio" class="required" />
<input type="radio" name="radio" id="radio3" value="radio" class="required" />
<label for="radio" class="error">เลือกตัวเลือกใน radio ด้วย.</label>
<br />
<input type="submit" name="button" id="button" value="Submit" />
<br />
</form>
</body>
</html>

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2010-11-16 13:42:57 By : ไวยวิทย์
 


 

No. 6

Guest


ขอบคุณพี่ๆครับที่ดูแลมือใหม่อย่างผม
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2010-11-16 15:30:56 By : komson94
 

   

ค้นหาข้อมูล
   
 

แสดงความคิดเห็น
Re : ถ้าเป็น Radio button แบบนี้ เราจะเช็คค่าว่างยังไงครับ (ใช้JAVASCRIPT)
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ 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 01
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2025 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่