Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,038

HOME > PHP > PHP Forum > รบกวนช่วยดู Code Javascript ตรวจสอบข้อมูลหน่อยค่ะ เงื่อนไข- ห้ามมีค่าว่าง ไม่งั้นเมื่อกดปุ่ม Submit

รบกวนช่วยดู Code Javascript ตรวจสอบข้อมูลหน่อยค่ะ เงื่อนไข- ห้ามมีค่าว่าง ไม่งั้นเมื่อกดปุ่ม Submit

เริ่มหัวข้อใหม่

เด็กโง่

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

เงื่อนไข
- ห้ามมีค่าว่าง ไม่งั้นเมื่อกดปุ่ม Submit จะแสดงข้อความเตือนให้กรอกข้อมูลให้ครบ
- ถ้าเลือก A กด submit ให้ไปหน้าถัดไปได้(test2.php)
- ถ้าเลือก B จะแสดง textfield ที่ถูกซ่อนไว้ ถ้ากดปุ่ม submit
โดยที่ไม่ได้กรอกข้อความลงไปใน textfield จะมีข้อความเตือนให้กรอกข้อมูลให้ครบ
test1.php

<script language="javascript">
function show_table(id) {
if(id == 0) { // ถ้าเลือก radio type=0 ให้ซ่อน textfield ชื่อ pass
document.getElementById("pass").style.display = "none";
} else if(id == 1) { // ถ้าเลือก radio type=1 ให้โชว์ textfield ชื่อ pass
document.getElementById("pass").style.display = "";
}
}

function checkvalue() {
            if(document.form1.type.value==""){
				 alert('กรุณากรอกข้อมูลให้ครบ');
			     return false;
			}
            if( document.form1.pass.value=="" && document.form1.type.value==1){
				 alert('กรุณากรอกข้อมูลให้ครบ');
			     return false;
			 }
			 else{
			  return true;
			 }
	}



</script>
<html>
<head>
<title></title>

<meta http-equiv="Content-Type" content="text/html; charset=windows-874">
</head>


<body >
<form name="form1" method="post" action="test2.php" onSubmit="return checkvalue()" >
<input name="type" type="radio" onClick="show_table(this.value);" value="0">
A</label>
<br>
<label>
<input type="radio" name="type" value="1" onClick="show_table(this.value);">
B</label>
<br>  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input name="pass" type="text" id="pass" size="15" style="display:none">
<br>
<br>
<input name="OK" type="submit" value="OK"> 
     
</form>
</body>
</html>

เมื่อคลิก radio หน้า B มีการโชว์ textfeild ที่ซ่อน
ลองกดปุ่ม OK โดยที่ไม่มีการกรอกข้อมูลในช่อง textfeild
มันจะข้ามไปอีกหน้าโดยที่ไม่มี alert ข้อความเตือนให้กรอกข้อมูลในช่องให้ครบ
if( document.form1.pass.value=="" && document.form1.type.value==1){
alert('กรุณากรอกข้อมูลให้ครบ');
return false;
}
//ถ้าค่าในtextfield ว่างและเลือก B ค่า type=1 ให้แสดง alert เตือน
เข้าใจว่าต้องตรวจสอบแบบนี้อ่ะค่ะ แต่มันไม่แสดงผลตามนี้

รบกวนช่วยดูให้หน่อยนะคะ ผิดตรงไหน หรือต้องแก้ไขตรงไหนหรือเปล่า

Tag : - - - -

Date : 2009-11-08 13:07:46

By : WindowsA2M

View : 4048

Reply : 2

No. 1

num

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

<input name="type" type="radio"> มี name ซ้ำกันจึงเป็น array ครับ
ถ้า document.form1.type.value จึงไม่มีค่าครับ จะต้องอ้างถึง offset ของ array ด้วยครับ
document.form1.type[0].value หรือ document.form1.type[0].checked

<html>
    <head><title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script language="javascript">
function show_table(id) {
    if(id == 0) { // ถ้าเลือก radio type=0 ให้ซ่อน textfield ชื่อ pass
        document.getElementById("pass").style.display = "none";
    } else if(id == 1) { // ถ้าเลือก radio type=1 ให้โชว์ textfield ชื่อ pass
        document.getElementById("pass").style.display = "";
    }
}

function checkvalue() {
            var rcheck = -1;
            for(var i in document.form1.type){
                if (document.form1.type[i].checked){
                    rcheck = i;
                }
            }
            if (rcheck == -1){
                alert('กรุณากรอกข้อมูลให้ครบ (1)');
                return false;
            }
            if( document.form1.pass.value=="" && rcheck == 1){
                alert('กรุณากรอกข้อมูลให้ครบ (2)');
                return false;
            }
            return true;
}
</script>
</head>

<body>
    
<form name="form1" method="post" action="test2.php" onSubmit="return checkvalue()" >
    <label>
        <input name="type" type="radio" onClick="show_table(this.value);" value="0">
        A
    </label>
    <br>
    <label>
        <input type="radio" name="type" value="1" onClick="show_table(this.value);">
        B
    </label>
    <br>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <input name="pass" type="text" id="pass" size="15" style="display:none">
    <br>
    <br>
    <input name="OK" type="submit" value="OK">
</form>
    
</body>
</html>

Date : 2009-11-08 13:51:15

By : num

No. 2

เด็กโง่

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

เข้าใจแล้วค่ะ ขอบคุณมากค่ะ

Date : 2009-11-08 16:22:20

By : WindowsA2M

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : รบกวนช่วยดู Code Javascript ตรวจสอบข้อมูลหน่อยค่ะ เงื่อนไข- ห้ามมีค่าว่าง ไม่งั้นเมื่อกดปุ่ม Submit

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

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

Notice

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

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)

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

Load balance : Server 00