บทช่วยสอนนี้จะอธิบายวิธีการตรวจสอบรหัสพินและหมายเลขโทรศัพท์มือถือโดยใช้ JavaScript
จะตรวจสอบรหัสพินและหมายเลขโทรศัพท์มือถือใน JavaScript ได้อย่างไร
ในการตรวจสอบรหัสพินและหมายเลขโทรศัพท์มือถือ ให้ใช้ปุ่ม “ นิพจน์ทั่วไป ' กับ ' จับคู่() วิธีการ” ใน JavaScript วิธีการจับคู่ () จะจับคู่ค่ากับนิพจน์ทั่วไป หากได้รับการจับคู่ วิธีการจะส่งกลับค่าจริง มิฉะนั้นจะให้ค่าเท็จ
รูปแบบ Regex เพื่อตรวจสอบรหัสพิน
รหัสพินมักจะเป็นรหัส 4 หลัก 5 หลัก หรือ 6 หลัก ที่นี่ เราจะเขียน regex สำหรับตรวจสอบรหัสพิน 6 หลัก:
/^ \d { 6 } $ /
ในรูปแบบด้านบน:
- “ / ” อักขระเครื่องหมายทับใช้เพื่ออ้างถึงขอบเขตของนิพจน์/รูปแบบปกติ
- “ ^ ” หมายถึงจุดเริ่มต้นของตัวเลข
- “ ง ” หมายถึงตัวเลข
- “ {} ” ระบุขีดจำกัดที่เป็น “ 6 '.
- “ \ ” อักขระแบ็กสแลชคืออักขระหลีก
- “ $ ” หมายถึงจุดสิ้นสุดของสตริง
รูปแบบ Regex เพื่อตรวจสอบหมายเลขโทรศัพท์มือถือ
จำเป็นต้องตรวจสอบความถูกต้องของหมายเลขโทรศัพท์/โทรศัพท์มือถือในรูปแบบ HTML หมายเลขโทรศัพท์ที่ถูกต้องอาจมีหลายรูปแบบขึ้นอยู่กับพื้นที่ ติดตาม ลิงค์ เพื่อตรวจสอบ regexes ต่างๆ เพื่อตรวจสอบความถูกต้องของหมายเลขโทรศัพท์
ในที่นี้ เราจะพูดถึงรูปแบบทั่วไปสองรูปแบบ รูปแบบหนึ่งคือตัวเลขที่มีความยาว 10:
/^ \d { 3 } \d { 3 } \d { 4 } $ /regex ด้านบนระบุว่าคุณสามารถป้อนเพียง 10 หลักเป็นหมายเลขโทรศัพท์โดยไม่ต้องมีตัวคั่น เช่น เว้นวรรค หรืออักขระพิเศษใดๆ รวมทั้ง “ + ”, “ – ' หรือ ' () '.
ตัวอย่าง
ก่อนอื่นมาออกแบบหน้าเว็บ จากนั้นใช้ JavaScript เพื่อตรวจสอบรหัสพินและหมายเลขโทรศัพท์มือถือ ไปที่ไฟล์ HTML ของคุณและวางโค้ดต่อไปนี้:
< ชื่อแบบฟอร์ม = 'รูปร่าง' หนังบู๊ = '#' >< ประเภทอินพุต = 'ข้อความ' รหัส = 'เข็มหมุด' ตัวยึด = 'ป้อน PIN ของคุณ' เติมข้อความอัตโนมัติ = 'ปิด' >< br > < br >
< ประเภทอินพุต = 'ข้อความ' รหัส = 'ตัวเลข' ตัวยึด = 'กรอกเบอร์มือถือ 10 หลักของคุณ' เติมข้อความอัตโนมัติ = 'ปิด' >< br >< br >
< ประเภทปุ่ม = 'ส่ง' เมื่อคลิก = 'การตรวจสอบ ()' > ส่ง ปุ่ม >
รูปร่าง >
ในรหัสด้านบน:
- ขั้นแรก สร้างฟอร์มด้วยการกระทำ “ # ” ซึ่งหมายความว่าข้อมูลจะไม่ถูกส่งไปที่ใด
- สร้างช่องป้อนข้อมูลสองช่อง ช่องหนึ่งสำหรับรหัส PIN และอีกช่องสำหรับหมายเลขโทรศัพท์มือถือ
- สร้าง “ ส่ง ” ปุ่มที่จะเรียก “ การตรวจสอบ () ” วิธีการตรวจสอบรหัสพินและหมายเลขโทรศัพท์มือถือ
หน้า HTML จะมีลักษณะดังนี้:
ในแท็ก