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

Registered : 107,904

HOME > Client Script Forum > การตรวจสอบค่าว่างใน radio button ร่วมกับ textbox ในลักษณะการตรวจสอบเงื่อนไข



 

การตรวจสอบค่าว่างใน radio button ร่วมกับ textbox ในลักษณะการตรวจสอบเงื่อนไข

 



Topic : 069332



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



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




ช่วยหน่อยคับตามรูป ผมอยากให้การเช็คค่าว่าง ของ radio button ร่วมกับ textbox

เมื่อไม่เลือกให้เเสดงข้อความ Please Click radio

เเต่มันจะมี 2 กรณี คือ เลือก button ปกติ กับ การเลือก radio button เเละต้องใส่ค่าใน textbox ด้วย

แก้มานานเเล้ว .....คิดไม่ออกซะที พี่ ๆ ช่วยหน่อยนะคับ


RD and TB



ส่วนโค้ด ควรจะเพิ่มอย่างไรคับ

Code
<script language="javascript">
function fncSubmit()
{
if(document.form1.rdo1.checked == false && document.form1.rdo2.checked == false )
{
alert('Please Click ');
return false;
}
document.form1.submit();
}
</script>
<form action="page.cgi" method="post" name="form1" onSubmit="JavaScript:return fncSubmit();">
Radio 1
<input name="rdoCheckbox" type="radio" id="rdo1" value="Y">
<input name="txtbox" type="text" id="txtbox">
<br>
Radio 2
<input name="rdoCheckbox" type="radio" id="rdo2" value="Y">

<br>
<input name="btnSubmit" type="submit" value="Submit" >
</form>




Tag : JavaScript







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2011-11-20 21:56:09 By : GolfPy View : 7697 Reply : 11
 

 

No. 1



โพสกระทู้ ( 74,014 )
บทความ ( 838 )

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

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

แบบนี้ครับ

Code (JavaScript)
<script language="javascript">
function fncSubmit()
{
	if(document.form1.rdo1.checked == false || document.form1.rdo2.checked == false )
	{
		alert('Please Click ');
		return false;	
	} 

	if(document.form1.txtbox.value=="")
	{
		alert('Please Input ');
		return false;	
	}
	document.form1.submit();
}
</script>


Go to : JavaScript HTML Check Radio Button

Go to : JavaScript HTML Check Input TextBox/Text Field






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-11-21 06:27:46 By : webmaster
 


 

No. 2



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



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


BT


ค่าที่ได้เป็นเเบบนี้คับ พี่ win

ยังไม่ได้คับ
อยากให้เวลาเลือก Radio Button1 ถ้าไม่ใส่ค่าใน textbox ให้เเจ้งเตือน
เลือก Radio Button2 แบบปกติ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-11-21 15:32:06 By : GolfPy
 

 

No. 3



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



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


Code (JavaScript)
<html>
<head>
<title>ThaiCreate.Com Tutorial</title>
</head>
<body>
<script language="javascript">
function fncSubmit()
{
if(document.form1.rdo1.checked == false || document.form1.rdo2.checked == false )
{
alert('Please Click ');
return false;  
}

if(document.form1.txtbox.value=="")
{
alert('Please Input ');
return false;  
}

document.form1.submit();
}
</script>
		<form action="page.cgi" method="post" name="form1" onSubmit="JavaScript:return fncSubmit();">
			Radio 1
			<input name="rdoCheckbox" type="radio" id="rdo1" value="Y">
			<input name="txtbox" type="text" id="txtbox">
			<br>
			Radio 2
			<input name="rdoCheckbox" type="radio" id="rdo2" value="Y">
			
			<br>
			<input name="btnSubmit" type="submit" value="Submit" >
			</form>
</body>
</html>

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-11-21 15:32:37 By : GolfPy
 


 

No. 4



โพสกระทู้ ( 74,014 )
บทความ ( 838 )

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

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

Code (JavaScript)
if(document.form1.rdo1.checked == false && document.form1.rdo2.checked == false )


ใช้ && ถูกแล้วครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-11-21 15:39:13 By : webmaster
 


 

No. 5



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



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


พี่วิน เเต่พอเลือก radio button 2 มันขึ้นให้ใส่ค่าใน textbox ด้วย จะทำอย่างไรไม่ให้มันขึ้นมา คับช่วยทีคับ


rd
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-11-21 15:45:16 By : GolfPy
 


 

No. 6



โพสกระทู้ ( 74,014 )
บทความ ( 838 )

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

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

Code (JavaScript)
<html>
<head>
<title>ThaiCreate.Com Tutorial</title>
</head>
<body>
<script language="javascript">
function fncSubmit()
{
if(document.form1.rdo1.checked == false && document.form1.rdo2.checked == false )
{
alert('Please Click ');
return false;  
}

if(document.form1.txtbox.value=="")
{
alert('Please Input ');
return false;  
}

document.form1.submit();
}
</script>
		<form action="page.cgi" method="post" name="form1" onSubmit="JavaScript:return fncSubmit();">
			Radio 1
			<input name="rdoCheckbox" type="radio" id="rdo1" value="Y">
			<input name="txtbox" type="text" id="txtbox">
			<br>
			Radio 2
			<input name="rdoCheckbox" type="radio" id="rdo2" value="Y">
			
			<br>
			<input name="btnSubmit" type="submit" value="Submit" >
			</form>
</body>
</html>


แบบนี้น่าจะถูกครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-11-21 15:51:45 By : webmaster
 


 

No. 7



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



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


ผลลัพธ์ยังเหมือนเดิมคับ ยังไม่ได้เลยคับ.............................
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-11-21 16:11:25 By : GolfPy
 


 

No. 8



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



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


คือ

ถ้าเลือก radio1 ต้องกรอก text ด้วย
แต่ถ้าเลือก radio2 ก็ไม่ต้องกรอก text ก็ได้ใช่มั๊ยครับ

ดังนั้น javascript น่าจะเป็นแบบนี้ครับ

Code (JavaScript)
fncSubmit()
{
    var radio1 = document.form1.rdo1,
        radio2 = document.form1.rdo2,
        textbox1 = document.form1.txtbox;

    if( radio1.checked==false && radio2.checked==false ){
        alert('Please choose some radio.');
        return false;
    }else{
        if( radio1.checked==true && textbox1.value.length<=0 ){
            alert('If you choose radio1, you should enter something.');
            return false;
        }

        alert('form valid!');
        return true;
    }
}

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-11-21 17:28:21 By : ilumin
 


 

No. 9



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



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


เดียวลองทำดูคับ ขอบคุณคับ......
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-11-21 17:39:35 By : GolfPy
 


 

No. 10

Guest


ถ้าเลือกดีมากต้องกรอกคะแนนด้วย หรือเลือกดี จะต้องกรอกคะแนนด้วย และถ้าเลือกพอใช้ ต้องกรอกคะแนนด้วย
คืออยากให้เลือกอันไหนแล้วกรอกได้เฉพาะอันนั้น ต้องทำยังไงค่ะ ช่วยหน่อยค่ะ TT

รูปค่ะ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-01-06 15:17:48 By : catoon
 


 

No. 11

Guest


เมื่อคลิกที่ textbox แล้วปุ่ม radio จะติ๊กเอง
ต้องเขียนโค๊ดแบบไหนคะ รบกวนหน่อยค่ะพี่
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-04-22 00:43:26 By : แอปเปิ้ล
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : การตรวจสอบค่าว่างใน radio button ร่วมกับ 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: Voake, Comcube, รับทำเว็บไซต์ รับเขียนโปรแกรม

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