|
 |
| |
ถึงพี่หนุ่มคะ น้องอยากรู้นะคะ ว่าตัวแปรคืออะไร และมันทำงานอย่างไรนะคะ |
| |
 |
|
|
 |
 |
|
Code (PHP)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="th" xml:lang="th">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>javascript only digit textbox</title>
<script type="text/javascript">
//<![CDATA[
function replaceDigit(el){
el.value=el.value.replace(/\D/,'');
}
function acceptOnlyDigit(event,el){
var e=window.event?window.event:event;
var keyCode=e.keyCode?e.keyCode:e.which?e.which:e.charCode;
//0-9 (numpad,keyboard)
if ((keyCode>=96 && keyCode<=105)||(keyCode>=48 && keyCode<=57)){
return true;
}
//backspace,delete,left,right,home,end
if (',8,46,37,39,36,35,'.indexOf(','+keyCode+',')!=-1){
return true;
}
return false;
}
//]]>
</script>
</head>
<body>
<form method="post" action="" id="box">
<br/>replace digit: <input type="text" name="onlydigit" value="" onkeyup="replaceDigit(this)" />
<br/>accept only digit: <input type="text" name="onlydigit2" value="" onkeydown="return acceptOnlyDigit(event,this)" />
</form>
</body>
</html>
น้องอยากรู้นะคะ ว่าตัวแปรคืออะไร และมันทำงานอย่างไรนะคะ แบบว่าเห็นแล้ว งง อ่าคะ รบกวน ช่วยอธิบายให้เข้าใจแบบกระจ่างแจ้งแบบใครถามมาเราตอบได้งี้อ่าคะได้ไหมค้รา พลีสๆๆๆๆ ขอร้องละคร้า หนูอยากได้โค้ดนี้ไปใช้แต่ไม่เข้าใจ สงสารเด็กตาดำๆนะคะ พลีสสสส อิอิ
Tag : - - - -
|
|
|
 |
 |
 |
 |
| Date :
2009-12-02 13:49:45 |
By :
kakaka |
View :
1305 |
Reply :
13 |
|
 |
 |
 |
 |
|
|
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
เพ่หนุ่มงานเข้าครับ เพ่หนุ่มอยู่ไสครับ หุหุหุ
|
| |
|
|
| |
| Date :
2009-12-02 14:28:08 |
By :
somparn |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="th" xml:lang="th">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>javascript only digit textbox</title>
<script type="text/javascript">
//<![CDATA[
function replaceDigit(el){
//el ที่ส่งมาคือ object ได้แก่ textbox ครับ
// .value คือค่าเป็น string
// .replace คือ method ที่จะแทนที่ string โดยใช้ regular expression
// /\D/ ตรง /../ เป็น regular epression object ครับ
// \D หมายถึง ไม่ใช่ตัวเลข 0-9 (\d ซึ่งเป็น d ตัวเล็กคือตัวเลข digit 0-9)
// replace(/\D/,'') หมายถึง แทนที่ค่า character ทั้งหมดที่ไม่ใช่ 0-9 ด้วย empty string หรือลบตัวอักษรที่ไม่ใช่ตัวเลขทิ้งครับ
// ฟังชั่นนี้นำไปใช้ใน event keyup ซึ่ง event keyup จะทำงานหลังจากกดปุ่ม keyboard แล้วยกขึ้นแล้ว และจะมี character ที่กดขึ้นที่ textbox แล้วครับ
el.value=el.value.replace(/\D/,'');
}
function acceptOnlyDigit(event,el){
// event คือ event object ครับ
// el คือ object ได้แก่ textbox ครับ
// e คือ event object ครับ ซึ่งจะมี object ย่อยเป็น keyCode, which, charCode แล้วแต่ browser ครับ
// var e = (condition) ? (expression1) : (expression2);
// เหมือนกับ if (condition) e = expression1; else e = expression2; ครับ
// ใน ie และ firefox หรืออื่นๆ จะมี object ที่ใช้ในการดักจับค่าปุ่ม keyboard ต่างกัน
// จึงใช้ if else นี้ในการแยก object ที่สามารถใช้ได้ใน browser ที่กำลัง run โค้ดนี้อยู่ครับ
var e=window.event?window.event:event;
var keyCode=e.keyCode?e.keyCode:e.which?e.which:e.charCode;
// keyCode มีอะไรบ้างดูที่ http://www.ryancooper.com/resources/keycode.asp ครับ
//0-9 (numpad,keyboard)
if ((keyCode>=96 && keyCode<=105)||(keyCode>=48 && keyCode<=57)){
//return true คือการที่ปุ่มหรือ character ที่กดสามารถทำงานได้ตามปกติเช่นปรากฎที่ textbox
return true;
}
//backspace,delete,left,right,home,end
// ',8,46,37,39,36,35,' เป็น string
// indexOf เป็น method ของ string ในการค้นหา substring
// indexOf(','+keyCode+',') ค้นดูว่า keyCode ที่กดอยู่นั้นอยู่ในกลุ่มนี้หรือเปล่า
// ถ้าอยู่จะได้เป็น offset ของ string ถ้าไม่อยู่ในกลุ่มจะได้เป็น -1
// เพื่อให้ปุ่มพวก backspace ทำงานได้ปกติจึงให้ return true ครับ
if (',8,46,37,39,36,35,'.indexOf(','+keyCode+',')!=-1){
return true;
}
//return false คือการที่ปุ่มหรือ character ที่กดจะไม่ทำงานเช่นไม่ปรากฎตัวอักษรที่ textbox
return false;
//function นี้นำไปใช้ใน onkeydown ซึ่งเป็น event ที่ทำงานก่อนที่จะมีการยกนิ้วขึ้นจากปุ่ม keyboard ครับ (ก่อนที่จะมีตัวอักษรขึ้นใน textbox)
}
//]]>
</script>
</head>
<body>
<form method="post" action="" id="box">
<br/>replace digit: <input type="text" name="onlydigit" value="" onkeyup="replaceDigit(this)" />
<br/>accept only digit: <input type="text" name="onlydigit2" value="" onkeydown="return acceptOnlyDigit(event,this)" />
</form>
</body>
</html>
|
| |
|
|
| |
| Date :
2009-12-02 14:41:49 |
By :
num |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
 ระเอียดยิบ ห้า ห้า ห้า สุดยอด
|
| |
|
|
| |
| Date :
2009-12-02 14:52:52 |
By :
somparn |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
สมกับที่น้องเค้ารอคอย ละเอียด ยิกๆ เลยครับ
|
| |
|
|
| |
| Date :
2009-12-02 14:54:09 |
By :
Sek-Artdrinker |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
สนจายเอาไปเก็บบ้านได้เยย พี่เค้าโสดดดดดดดดดดดด
|
| |
|
|
| |
| Date :
2009-12-02 15:07:42 |
By :
gummezaka |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
นึกว่าพีหนุ่มจะให้น้องเขารอนานสะแล้ว
|
| |
|
|
| |
| Date :
2009-12-02 15:09:06 |
By :
parita |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ขอบคุณคร้า พี่หนุ่ม ขอยกมือไหว้งามๆเลยคร้า
ได้ใจจริงๆเลยคะ ;D
|
| |
|
|
| |
| Date :
2009-12-02 15:34:58 |
By :
kakaka |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
สุโค่ย จริง เทพท่านนี้
แต่สงสัยอยู่นิดนึงครับ
acceptOnlyDigit(event,el)
el ส่งมาทำไมครับในเมื่อใช้ แต่ event
|
| |
|
|
| |
| Date :
2009-12-02 15:38:48 |
By :
DownsTream |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
มีคนทำไม่รู้ไม่ชี้ ฮา ๆ เอาหินมาทุบดีไม๊นี่ แข็งจัด ชิ่งไว ตามสไตล์ ฮ่า
|
| |
|
|
| |
| Date :
2009-12-02 17:23:54 |
By :
deawx |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
 งง กับพี่เดี่ยวอีกแว้ววววววววววววววววววว บอกมานะ
|
| |
|
|
| |
| Date :
2009-12-02 17:29:39 |
By :
gummezaka |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
|
| |
|
|
| |
| Date :
2009-12-02 17:35:10 |
By :
deawx |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 02
|
Quote:
