Forgot Password ??

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

	Registered : 109,036

HOME > Client Script Forum > ขอความช่วยเหลือช่วยแก้ javascript ที่ต้องการให้กลับไป focus ตรง textbox ที่กรอกข้อมูลไม่ผ่าน ด้วยครับ

ขอความช่วยเหลือช่วยแก้ javascript ที่ต้องการให้กลับไป focus ตรง textbox ที่กรอกข้อมูลไม่ผ่าน ด้วยครับ

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

Guest

ขอความช่วยเหลือ ช่วยเพิ่ม javascript ข้างล่างตรง else ให้สามารถกลับไป focus ในช่องที่ขึ้น alert
โดยที่ไม่ต้องระบุชื่อ.../form/textbox เช่นผมลองใช้้ this.focus(); แต่ใช้ไม่ได้ ยังมีวิธีอื่นๆอีกไหมครับ เพราะว่าต้องการเรียกใช้ฟังก์ชั่นนี้้ในหลายๆฟอร์ม หลายๆ textbox โดยที่ไม่ต้องแก้ชื่อตามฟอร์ม

Code (JavaScript)

function chknum(keyup){
var keyp=keyup.value;

if (keyup.value.match(("^([1-9][0-9]*)$"))){
		keyup.value=keyp.substring(0);
	}
else{
	alert('กรอกได้เฉพาะตัวเลข);
    	keyup.value='';
	return false;
}

}

//<body>
//<input type="text" onBlur="chknum(this)" style="font-size:13px;font-family:tahoma;background-color:#ffffcc;" size="15" maxlength="14" />
//</body>

Tag : JavaScript

Date : 2011-03-21 17:17:10

By : tttee

View : 2001

Reply : 2

No. 1

TC Admin

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

จะ focus ตัวไหนก็อ้าง id น่ะครับ ว่าแต่จะทำอะไร อ่านแล้วยังงงๆ ครับ

Go to : JavaScript HTML Check Input TextBox/Text Field

Date : 2011-03-23 21:09:26

By : webmaster

No. 2

Guest

ขอบคุณครับ mr. win

คือ... ในหนึ่งฟอร์ม จะมีหลายๆช่อง ซึ่งช่องที่ให้กรอกได้เฉพาะตัวเลขนั้น จะต้อง match กับรูปแบบที่กำหนดไว้
(ตัวอย่างเช่น match(("^([1-9][0-9]*)$"))โดยใช้ onBlur เป็นตัวจับ เมื่อเคอเซอร์ ย้ายออกจากช่องนั้นๆ(เช่น enter)
ถ้าไม่ match ก็จะขึ้น popup alert และลบข้อมูลในช่องนั้นๆทิ้ง
[ส่วนเคอเซอร์ก็จะย้ายไปช่องถัดไป ตาม onKeyDown="if(event.keyCode==13) event.keyCode=9;")]

แต่ติดปัญหาคือ
(1) ถ้าช่องถัดไปมี onBlur ดักจับอยู่เช่นกัน ผลก็คือ เมื่อเราถอนเคอเซอร์จากช่องนั้น เพื่อไปปิด popup alert-1 (ของช่องแรก)
ก็เท่ากับเรา onBlur ในช่องที่2 อีก ก็ทำให้มี popup alert-2 ขึ้นมาอีก จึงทำให้ต้องปิด popup alert 2 ครั้ง
จึงจะย้อนกลับไปกรอกข้อมูลในช่องแรกได้ (มันลงโทษ...อยากกรอกมั่วนัก...55555)
(2) ส่วนที่ต้องการ เลี่ยงการอ้าง id ก็เพื่อที่จะนำ ฟังก์ชั่นนี้ ไป included ใช้ในอีกหลายๆฟอร์ม ซึ่งแต่ละฟอร์มก็จะมี Textbox ที่แตกต่างกัน
ซึ่งถ้ามีวิธีที่ทำได้ ก็จะทำให้เราไม่ต้องเขียน ฟังก์ชั่นขึ้นเป็นการเฉพาะให้กับแต่ละฟอร์ม code ก็จะสั้น กระชับเรียบง่าย ไม่รกรุงรัง (ผมต้องใช้ฟอร์มแบบนี้เยอะมาก ในการทำงานกับ mysql)

Date : 2011-03-24 09:55:15

By : tttee

ค้นหาข้อมูล

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

Re : ขอความช่วยเหลือช่วยแก้ javascript ที่ต้องการให้กลับไป focus ตรง textbox ที่กรอกข้อมูลไม่ผ่าน ด้วยครับ

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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

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

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

Load balance : Server 01