ต้องการให้ ช่อง input สามารถกรอกตัวอักษรได้แค่ 10 และ 13 ตัวเท่านั้น
ถ้าไม่ใช่10ตัว และ 13 ตัว จะไม่สามารถกดปุ่ม submit ได้
อาจจะเป็นรูปแบบ popup แจ้งเตือน หรือการ Validation ก็ได้
ควรใช้วิธีไหน หรือใช้ภาษไหนมาช่วยคะ
ขอบคุณค่ะ
สอบถามวิธีการจำกัดจำนวนตัวอักษรการกรอก input
Moderator: mindphp
- Tookta
- PHP Super Hero Member
- โพสต์: 641
- ลงทะเบียนเมื่อ: 12/12/2022 9:12 am
- tsukasaz
- PHP VIP Members
- โพสต์: 22002
- ลงทะเบียนเมื่อ: 18/04/2012 9:39 am
Re: สอบถามวิธีการจำกัดจำนวนตัวอักษรการกรอก input
ใน HTML จะมี Attribute ของ Input ให้ใช้งานได้อยู่ครับ
min = จำนวนขั้นต่ำที่ต้องกรอก
max = จำนวนสูงสุดที่กรอกได้
ตัวอย่าง
สำหรับ Javascript ตัวอย่างโค้ด
สำหรับ jQuery ตัวอย่างโค้ด
Javascript หรือ jQuery อาจจะเอาไปเช็คตอนที่กด submit form หรือไม่ก็ดัก event change ของช่อง input ก็ได้ แล้วแต่ประยุกต์ใช้
min = จำนวนขั้นต่ำที่ต้องกรอก
max = จำนวนสูงสุดที่กรอกได้
ตัวอย่าง
โค้ด: เลือกทั้งหมด
<input type="number" id="no" name="no" min="1" max="10" />
สำหรับ Javascript ตัวอย่างโค้ด
โค้ด: เลือกทั้งหมด
let no = document.getElementById('no').value;
if(no != 10 || no != 13) {
alert('Error');
}
สำหรับ jQuery ตัวอย่างโค้ด
โค้ด: เลือกทั้งหมด
if($('#no').val() != 10 || $('#no').val() != 13) {
alert('Error');
}
Javascript หรือ jQuery อาจจะเอาไปเช็คตอนที่กด submit form หรือไม่ก็ดัก event change ของช่อง input ก็ได้ แล้วแต่ประยุกต์ใช้
The last bug isn't fixed until the last user is dead. (Sidney Markowitz, 1995)
- Tookta
- PHP Super Hero Member
- โพสต์: 641
- ลงทะเบียนเมื่อ: 12/12/2022 9:12 am
Re: สอบถามวิธีการจำกัดจำนวนตัวอักษรการกรอก input
สามารถทำงานได้แล้วค่ะ โดยใช้วิธีนี้
promptpay คือ name ของ input
frmMain คือชื่อของ form ที่ใช้งาน
ถ้าไม่ใช่10 หรือ 13ตัว จะมีแจ้งเตือน
โค้ด: เลือกทั้งหมด
<script language="JavaScript">
function chkString() {
if (document.frmMain.promptpay.value.length > 13 || document.frmMain.promptpay.value.length < 10 ||
document.frmMain.promptpay.value.length == 11 || document.frmMain.promptpay.value.length == 12) {
alert('กรุณากรอกข้อมูล 10 ตัว หรือ 13 ตัวเท่านั้น');
return false;
}
}
</script>
frmMain คือชื่อของ form ที่ใช้งาน
ถ้าไม่ใช่10 หรือ 13ตัว จะมีแจ้งเตือน
โค้ด: เลือกทั้งหมด
alert('กรุณากรอกข้อมูล 10 ตัว หรือ 13 ตัวเท่านั้น');
- mindphp
- ผู้ดูแลระบบ MindPHP
- โพสต์: 41254
- ลงทะเบียนเมื่อ: 22/09/2008 6:18 pm
- ติดต่อ:
Re: สอบถามวิธีการจำกัดจำนวนตัวอักษรการกรอก input
ติดตาม VDO: http://www.youtube.com/c/MindphpVideoman
ติดตาม FB: https://www.facebook.com/pages/MindphpC ... 9517401606
หมวดแชร์ความรู้: https://www.mindphp.com/forums/viewforum.php?f=29
รับอบรม และพัฒนาระบบ: https://www.mindphp.com/forums/viewtopic.php?f=6&t=2042
ติดตาม FB: https://www.facebook.com/pages/MindphpC ... 9517401606
หมวดแชร์ความรู้: https://www.mindphp.com/forums/viewforum.php?f=29
รับอบรม และพัฒนาระบบ: https://www.mindphp.com/forums/viewtopic.php?f=6&t=2042
-
- Similar Topics
- ตอบกลับ
- แสดง
- โพสต์ล่าสุด
-
- 1 ตอบกลับ
- 4439 แสดง
-
โพสต์ล่าสุด โดย eange08
19/10/2023 5:35 pm
-
-
โพสต์ใหม่ file_get_contents('php://input'); หมายความว่าอะไรค่ะ
โดย thatsawan » 28/11/2015 12:49 pm » ใน Programming - PHP - 0 ตอบกลับ
- 1087 แสดง
-
โพสต์ล่าสุด โดย thatsawan
28/11/2015 12:49 pm
-
-
-
โพสต์ใหม่ สอบถามฟอร์มจะทำ input วันที่แบบปฏิทินต้องทำอย่างไรค่ะ
โดย eange08 » 23/06/2021 4:04 pm » ใน Joomla Development - 1 ตอบกลับ
- 1507 แสดง
-
โพสต์ล่าสุด โดย eange08
23/06/2021 4:10 pm
-
-
-
โพสต์ใหม่ จำทำอย่างไรให้ค่า input เดียวเก็บได้หลายตัวแปลครับ
โดย jamepiyawat » 22/10/2019 5:39 pm » ใน Programming - PHP - 3 ตอบกลับ
- 1407 แสดง
-
โพสต์ล่าสุด โดย jamepiyawat
22/10/2019 6:30 pm
-
-
- 1 ตอบกลับ
- 973 แสดง
-
โพสต์ล่าสุด โดย mindphp
25/01/2023 5:04 pm
-
-
โพสต์ใหม่ ต้องการจะ input ชื่อนักเตะตามตำแหน่งที่คลิก
โดย bankjittapol » 05/11/2019 3:33 pm » ใน JavaScript & jQuery Ajax & Node.JS - 2 ตอบกลับ
- 2967 แสดง
-
โพสต์ล่าสุด โดย bankjittapol
08/11/2019 2:11 pm
-
-
- 2 ตอบกลับ
- 4652 แสดง
-
โพสต์ล่าสุด โดย flook
17/07/2023 11:02 am
ผู้ใช้งานขณะนี้
สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 4