Forgot Password ??

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

	Registered : 109,037

HOME > PHP > PHP Forum > เช็ค ห้ามเว้นค่าว่างก่อนกด Submit พร้อมแสดงผลเป็นกรอบสีแดง + ข้อความขึ้นเตือน รบกวนทีครับ

เช็ค ห้ามเว้นค่าว่างก่อนกด Submit พร้อมแสดงผลเป็นกรอบสีแดง + ข้อความขึ้นเตือน รบกวนทีครับ

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

apbook01

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

Code (PHP)

<form id="registerform" class="mgm_form" action="http://www.imaes.net/register/" method="post" name="cert" onSubmit="JavaScript:return fncSubmit();">

<select class='mgm_register_field required' name='gym' onchange='findselected()' id='gym'>
<option value=''>.. Select Gym ..</option>
mysql_data_seek ($result_country, 0)
while($test=mysql_fetch_assoc($result_country)){
<option value='$show_country[Short_code_gym]'>$show_country[Gym_member_is_NF]</option>}
</select>

<input id="mgm_register_field_first_name" class="mgm_register_field required" name="first_name" type="text" value="" />

<input id="mgm_register_field_last_name" class="mgm_register_field required" name="last_name" type="text" value="" />

<select id="khan" class="mgm_register_field required" name="khan" onchange="khan_sc()">
<option value="">... Select Khan ...</option>
<option value="101">TAMRA 1 KHAN 1 WAI KRU</option>
<option value="102">TAMRA 1 KHAN 2 PUNCHING</option>
<option value="103">TAMRA 1 KHAN 3 KICKING</option>
<option value="104">TAMRA 1 KHAN 4 KNEEING</option>
<option value="105">TAMRA 1 KHAN 5 ELBOWING</option>
<option value="106">TAMRA 1 KHAN 6 BASIC OF SELF</option>
<option value="107">TAMRA 1 KHAN 7 TECHNIQUES</option>
<option value="108">TAMRA 1 KHAN 8 STRATEGIES</option>
<option value="109">TAMRA 1 KHAN 9 THE ARTS OF WAI KRU</option>
<option value="110">TAMRA 1 KHAN 10 KHRU FEUK HAD</option>
<option value="111">TAMRA 1 KHAN 11 PHU CHUAY KHRU</option>
<option value="112">TAMRA 1 KHAN 12 KHRU</option>
<option value="113">TAMRA 1 KHAN 13 PHU CHUAY KHRU YAI</option>
<option value="114">TAMRA 1 KHAN 14 KHRU YAI</option>
<option value="115">TAMRA 1 KHAN 15 KHRU CHIEW CHAN</option>
</select>

<select id="gender" class="mgm_register_field required" name="gender1" onchange="gender_sc()">
<option value="">... Select Type ...</option>
<option value="M">Male</option>
<option value="F">Female</option>
<option value="K">Kru</option>
</select>

<input id="datepicker" name="date" readonly="readonly" type="text" />

<input id="wp-submit" tabindex="100" name="wp-submit" type="submit" value="Confirm" />
</form>

Code (JavaScript)

<script>
 function fncSubmit(){                    
         if (document.getElementById("gym").value.length < 1){
             document.getElementById("gym").style.border = "solid 3px red";
             return false;
          }else { document.getElementById("gym").removeAttribute('style');
                     return false;
                    }
         if (document.getElementById("mgm_register_field_first_name").value.length < 1){
             document.getElementById("mgm_register_field_first_name").style.border = "solid 3px red";
             return false;
          }else { document.getElementById("mgm_register_field_first_name").removeAttribute('style');
                     return false;
                      }
          if (document.getElementById("mgm_register_field_last_name").value.length < 1){
              document.getElementById("mgm_register_field_last_name").style.border = "solid 3px red";
              return false;
          }else { document.getElementById("mgm_register_field_last_name").removeAttribute('style');
                     return false;
                   }
          if (document.getElementById("khan").value.length < 1){
              document.getElementById("khan").style.border = "solid 3px red";
              return false;
          }else { document.getElementById("khan").removeAttribute('style');
                     return false;
                     }
         if (document.getElementById("gender").value.length < 1){
             document.getElementById("gender").style.border = "solid 3px red";
             return false;
        }else { document.getElementById("gender").removeAttribute('style');
                   return false;
                   }
        if (document.getElementById("datepicker").value.length < 1){
            document.getElementById("datepicker").style.border = "solid 3px red";
            return false;
        }else { document.getElementById("datepicker").removeAttribute('style');
                   return false;}
 }
</script>

สวัสดีครับ พอดีต้องการความช่วยเหลือเรื่องการเช็คค่าว่างในฟอร์ม ถ้าว่างให้กรอบเป็นสีแดงอะครับ
แต่ผมทำแบบนี้มันกลับเป็นสีแดงแค่ช่อง gym ช่องเดียว ช่องอื่นเหมือนไม่เข้าเงื่อนไขไปเช็คเลยครับ

แล้วก็ต้องการเพิ่มข้อความต่อท้ายไปด้วยว่า "กรุณาใส่ข้อความ" อะไรคล้ายๆแบบนี้น่ะครับ

รบกวนช่วยดูให้ทีนะครับ

ขอบคุณมากครับ

Tag : PHP, JavaScript

ประวัติการแก้ไข
2015-07-09 17:49:09

Date : 2015-07-09 17:48:14

By : apbook01

View : 4596

Reply : 5

No. 1

Guest

ใช้ required ครับ คุณสมบัติของ html5
<select ..... required> ...... </select>
<input type='text' ...... required />

Date : 2015-07-09 18:06:36

By : ศักดินา

No. 2

apbook01

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

ตอบความคิดเห็นที่ : 1 เขียนโดย : ศักดินา เมื่อวันที่ 2015-07-09 18:06:36

รายละเอียดของการตอบ ::

ขอบคุณครับ พอดีเว็บนี้จะใช้ค่อนข้างกว้าง เลยอยากให้มันซัพพอร์ตทุกเบราเซอร์ไม่ว่าจะเก่าหรือใหม่เลยอะครับ

Date : 2015-07-09 18:18:14

By : apbook01

No. 3

Guest

ผมว่า บังคับเถอะครับ เสียเวลา เสียสมอง เลือกกำหนดสักตัวว่าจะใช้เวอร์ชั่นไหน
เป็นหลัก เช่น firefox ver.26 /chrome .... อีกอย่างถ้าใช้ ie เก่าๆ จะเจอปัญหาอีกหลายอย่างครับ

Date : 2015-07-09 18:23:04

By : ศักดินา

No. 4

Mr.กล้า

โพสกระทู้ ( 5,105 )
บทความ ( 4 )

jquery validate ก็ยังไม่ตอบโจทย์ที่ถามหร๋อครับ....
พอดีเมา ถึงเมามาก เอาโค้ดเปล่า ๆ ไปดูก่อน มีไรถามมาวันหน้าเน้อ.....
เขียนด้วย jquery ได้ แต่ถ้าผมช่วยต้องใช้เวลา
ปล.ผมไม่ได้อ่าน code ของน้องนะครับ

 <script>
$(function(){
$('#ss01').on('click','#btnConfirm',function(){				
			var chk_true = 0;
			var chk_false = 0;
			var chk_all = 0;
			var i =  1;
if (!$("input[name='category']:checked").val()) {
	$( "#show" ).text("กรุณา เลือกประเภทข่าว");
	 return false;
	 }else{
	$( "#show" ).remove();
				}
$("input[name*='subject']").each(function(){
				++chk_all
			 var rel=$(this).attr('rel');
		if(!$.trim(this.value).length) { // zero-length string AFTER a trim
           	$('p[rel='+rel+']').remove();
			$(this).after("<p class='require' rel='"+rel+"'>กรอกหัวข้อข่าว </p>");
			++chk_false
				++i
		
    	 }
			else{
		$('p[rel='+rel+']').remove();
				++chk_true
				++i
				}
	});//ปิด name*
f(chk_true == chk_all){
	return true;
}else{
	$("input:text :last").focus();
	return false;
}		
	});//ปิด form
	  });
</script>

อ้ายคุณบูรพาไปไหนหว่า ไม่ตามมาจิกหลายโพสต์ เหงา 5555555555+

ประวัติการแก้ไข
2015-07-09 23:21:15

Date : 2015-07-09 23:19:07

By : apisitp

No. 5

Chaidhanan

โพสกระทู้ ( 9,586 )
บทความ ( 2 )

Code (JavaScript)

if( .... ){
   .......
   return;
}else{
   .......
   return;
}

ดูใน if else ครับ มัน return ทั้ง จริง และ ไม่จริง เจอ return ก็ออกจาก function ครับ ทำเคสเดียวก็ไม่ทำต่อแล้วครับ

Date : 2015-07-10 06:09:34

By : Chaidhanan

ค้นหาข้อมูล

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

Re : เช็ค ห้ามเว้นค่าว่างก่อนกด Submit พร้อมแสดงผลเป็นกรอบสีแดง + ข้อความขึ้นเตือน รบกวนทีครับ

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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