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 > เมื่อปิด Input บาง Input แล้วไม่สามารถตรวจสอบค่าว่างด้วย Javascript ได้ครับ



 

เมื่อปิด Input บาง Input แล้วไม่สามารถตรวจสอบค่าว่างด้วย Javascript ได้ครับ

 



Topic : 134779



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



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




ผมได้ทำ Input เพื่อรับข้อมูลและบังคับกรอกทุกช่อง และสามารถปิดบ้าง input ที่ไม่จำเป็นต้องกรอกได้ตามตัวอย่าง(ปิดจากหลังบ้าน) ปิดไม่ให้แสดงเบอร์โทร หลังจากปิดไม่แสดงเบอร์โทรแล้วหา element('tel') ไม่พบ มันไม่ยอมตรวจสอบค่าว่าง ที่อยู่ให้เลย ผมต้องการให้ตรวจสอบ ที่อยู่ต่อ ผมต้องเขียนคำสั่งตรวจสอบ element ที่ไม่พบอย่างไรครับ ช่วยชี้แนะด้วยครับ
ปกติ

ชื่อ .....................................*
นามสกุล .............................*
เบอร์โทร .............................*
ที่อยู่ ...................................*

ที่ตัดเบอร์โทรออก

ชื่อ .....................................*
นามสกุล .............................*
ที่อยู่ ...................................*

คำสั่ง java ตรวจสอบค่าว่าง


Code (PHP)
function fncSubmit()
{
	if(document.frmadd.txt_fname.value == "")
	{
		alert('กรุณาระบุชื่อ');
		document.frmadd.txt_fname.focus();
		return false;
	}
	if(document.frmadd.txt_lname.value == "")
	{
		alert('กรุณาระบุนามสกุล');
		document.frmadd.txt_lname.focus();
		return false;
	}
	if(document.frmadd.txt_tel.value == "")
	{
		alert('กรุณาระบุเบอร์โทร');
		document.frmadd.txt_tel.focus();
		return false;
	}
	
	if(document.frmadd.txt_address.value == "")
	{
		alert('กรุณาระบุที่อยู่');
		document.frmadd.txt_address.focus();
		return false;
	}




Tag : PHP, JAVA







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2020-01-20 16:14:42 By : bkawngog View : 1270 Reply : 11
 

 

No. 1



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

Hall of Fame 2012

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


แนะนำให้เขียนเป็น ajax&jquery ครับ event conditon จะสั้นกว่า
example
Code (PHP)
<form id="frm">
  <input type="tel" id="tel"> // ลองเพิ่มหรือลบตัวนี้ดู
  <button id="btn">submit</button>
</form>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$(document).ready(function(){

  $('#frm').on('click','#btn',function(e){
    e.preventDefault();
    if (($("#tel").length > 0)){ // ส่วนนี้ถ้าเป็น php จะคล้ายๆ isset
     alert('yes');
    }
  });

});
</script>









ประวัติการแก้ไข
2020-01-20 20:23:53
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2020-01-20 20:16:32 By : Genesis™
 


 

No. 2



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



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


แนะนำ selector สำหรับ javascript version ใหม่ๆ

https://developer.mozilla.org/en-US/docs/Web/API/Element/querySelector
https://developer.mozilla.org/en-US/docs/Web/API/Element/querySelectorAll

ตย.
Code (JavaScript)
document.querySelector('#input-id').value;


ส่วนที่ว่าปิดแสดงแล้วหา element ไม่พบ แสดงว่าการปิดนั้นคือการไม่เอาออกมาแสดงเลย
เมื่อไม่แสดงมันก็หาไม่เจอ เมื่อไม่เจอ ถ้าเปิด console ดู log มันก็น่าจะมี error
เมื่อมันติด error อย่างนั้นมันคงไปต่อไม่ได้มันเลยไม่ตรวจอะไรต่อๆไปให้
กรณีนี้ก็ต้องตรวจ isset ก่อน เหมือนกับ php นั่นแหละ แล้วจึงค่อยตรวจค่าว่าง เพื่อไม่ให้มัน error
https://stackoverflow.com/questions/2281633/javascript-isset-equivalent
มีหลายวิธีให้ check isset เพราะ js เดิมๆไม่มี isset มาให้ ก็เลือกใช้เอา
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2020-01-20 20:26:33 By : mr.v
 

 

No. 3



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



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


ตอบความคิดเห็นที่ : 2 เขียนโดย : mr.v เมื่อวันที่ 2020-01-20 20:26:33
รายละเอียดของการตอบ ::
ขอบคุณมากครับ ผมจะทดลองนำไปปรับใช้ดูครับ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2020-01-21 08:45:22 By : bkawngog
 


 

No. 4



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



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


ตอบความคิดเห็นที่ : 1 เขียนโดย : Genesis™ เมื่อวันที่ 2020-01-20 20:16:32
รายละเอียดของการตอบ ::
ขอบคุณมากครับ ความรู้ใหม่ๆ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2020-01-21 08:48:20 By : bkawngog
 


 

No. 5



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



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


ถ้าอยากให้โปรแกรมกระชับ เขียนสั้นๆ ก็ทำงานได้ ใช้ได้กับทุก platform ก็ใช้ jquery
ถ้าอยาก optimize ความเร็ว และ ขนาดของการใช้ bandwidth ก็ใช้ pure javascript

บน pc คงไม่มีปัญหาเรื่อง bandwidth เพราะใช้ router
แต่บนมือถือที่คนใช้สัญญาณโทรศัพท์ คงต้องเขียนให้เหมาะสมซักหน่อย
ถ้าเวปที่ใช้แล้วเปลือง พอเข้าใช้แล้ว byte คงเหลือ ลดฮวบๆ ก็ต้องคิดหนัก 55555
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2020-01-21 09:10:26 By : Chaidhanan
 


 

No. 6



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



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


ตอบความคิดเห็นที่ : 2 เขียนโดย : mr.v เมื่อวันที่ 2020-01-20 20:26:33
รายละเอียดของการตอบ ::
ผมขอตัวอย่าง การใช้ isset เช็ค Error หน่อยได้ใหมครับ ถ้าหา element ไม่พบแล้วให้ข้ามไปเงื่อนไขอื่นเลย

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2020-01-21 09:28:16 By : bkawngog
 


 

No. 7



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

Hall of Fame 2012

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


ตอบความคิดเห็นที่ : 6 เขียนโดย : bkawngog เมื่อวันที่ 2020-01-21 09:28:16
รายละเอียดของการตอบ ::
มันไม่มีครับ Error javascript คือ stop การทำงานและไม่สามารถทำงานต่อได้เลย
มันมีวิธีเดียวคือการใช้ code อารมณ์ ที่ใกล้เคียงกับ isset มากที่สุด

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2020-01-21 09:39:33 By : Genesis™
 


 

No. 8



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

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

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


ถ้าจะให้เสนอ jquery validate ก็ใช้ได้ดีระดับนึงอยู่นะ
อยากได้แบบไหนก็ set เอานิดนึง นอกนั้นในมันตรวจสอบให้เอง

		$( "#form_assess" ).validate( {
				rules: {
                    email: {
                        required: true,
						email: true
				    },
					'g_name[]': "required",
                    'g_satisfy[]': "required",
                    captcha : {
                        required: true,
				        minlength: 4
                    }
				},
				messages: {
                    email: "กรณุกรอก Email ของท่าน",
					'g_name[]': "กรุณาเลือกกลุ่มผู้ประเมิน",
                    'g_satisfy[]': "กรุณาเลือกระดับคะแนน",
                    captcha : "กรุณากรอก code 4 หลักตามรูปด้านบน"
				},
				errorElement: "em",
				errorPlacement: function ( error, element ) {
					error.addClass( "help-block" );

                    if ( element.prop( "name" ) === "g_name[]" ) {
                        error.insertAfter($("#label1"));
                    }else  if ( element.prop( "name" ) === "g_satisfy[]" ) {
                        error.insertAfter($("#label2"));     
					} else {
						error.insertAfter( element );
					}
				},
				highlight: function ( element, errorClass, validClass ) {
					$( element ).parents( ".col-sm-5" ).addClass( "has-error" ).removeClass( "has-success" );
                    $( element ).parents( ".col-sm-8" ).addClass( "has-error" ).removeClass( "has-success" );
				},
				unhighlight: function (element, errorClass, validClass) {
					$( element ).parents( ".col-sm-5" ).addClass( "has-success" ).removeClass( "has-error" );
                    $( element ).parents( ".col-sm-8" ).addClass( "has-success" ).removeClass( "has-error" );
				}
			} );

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2020-01-21 10:21:45 By : apisitp
 


 

No. 9



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



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


ตรวจสอบ ชนิดของตัวแปร
if( typeof myvar == 'undefined' )


ตรวจสอบ size ของตัวแปร
if( myvar.length)

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/typeof


ปล. การตรวจสอบ error ใชั

Code (JavaScript)
try{
 ....  
}  catch (e){ alert(e.message);}


https://www.w3schools.com/js/js_errors.asp


ประวัติการแก้ไข
2020-01-21 10:31:05
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2020-01-21 10:27:07 By : Chaidhanan
 


 

No. 10



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



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


JS isset ผมก็ส่งลิ้งค์ให้ดูแล้ว ถ้าเปิดดูก็ต้องทำได้แล้วเพราะมีโค้ดตัวอย่างเต็มไปหมดหลายวิธีที่คนเขาเขียน
https://stackoverflow.com/questions/2281633/javascript-isset-equivalent
มันมีมากกว่า 3 วิธี รองรับทั้งเวอร์ชั่นเก่าและใหม่ หามาให้แล้วยังขออีกเหรอครับ? ลองแกะโค้ดเขามาเล่นดูซะก่อน หรือไม่ก็ลองกดเข้าไปอ่านดูซะก่อน นี่ยังไม่ได้ดูเลยล่ะมั้ง?

การเรียกใช้ก็แล้วแต่ว่าตัวโค้ด isset จะใช้ของตย.ไหน แต่ส่วนมากก็ return true/false เหมือนๆกัน ก็ใช้แบบ php ไปเลย
ตัวอย่าง ย้ำ ตัวอย่าง อย่าสักแต่ลอกไปใช้เพราะมันไม่มี function isset() นอกจากไปลอกจากลิ้งค์ที่ให้ไปแล้ว.

Code (JavaScript)
if (isset(object.property) && object.property !== '') {
    // 
}



ประวัติการแก้ไข
2020-01-21 14:16:57
2020-01-21 14:19:02
2020-01-21 14:19:19
2020-01-21 14:19:38
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2020-01-21 14:14:20 By : mr.v
 


 

No. 11



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



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


ตอบความคิดเห็นที่ : 10 เขียนโดย : mr.v เมื่อวันที่ 2020-01-21 14:14:20
รายละเอียดของการตอบ ::
ขอบคุณครับ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2020-01-21 15:36:59 By : bkawngog
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : เมื่อปิด Input บาง Input แล้วไม่สามารถตรวจสอบค่าว่างด้วย 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 05
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 อัตราราคา คลิกที่นี่