JavaScript Regex (การตรวจสอบชื่อผู้ใช้)

Javascript Regex Kar Trwc Sxb Chux Phu Chi



ในขณะที่พัฒนาเว็บไซต์ การตรวจสอบแบบฟอร์มเป็นกิจกรรมสำคัญที่ช่วยในการตรวจสอบความสมบูรณ์ของข้อมูลและป้องกันปัญหาด้านความปลอดภัย ชื่อผู้ใช้เป็นประเภททั่วไปของการป้อนข้อมูลของผู้ใช้ในรูปแบบที่ใช้เพื่อระบุบุคคลบนเว็บไซต์และแอปพลิเคชัน การตรวจสอบความถูกต้องของชื่อผู้ใช้สามารถช่วยให้แน่ใจว่าเป็นไปตามมาตรฐานเฉพาะ เช่น ขีดจำกัดของอักขระและความยาว

บทความนี้จะอธิบายขั้นตอนการตรวจสอบชื่อผู้ใช้โดยใช้ regex ใน JavaScript

จะตรวจสอบชื่อผู้ใช้โดยใช้ JavaScript Regex ได้อย่างไร

ในการตรวจสอบชื่อผู้ใช้ ก่อนอื่นให้สร้างนิพจน์ทั่วไปที่จะกำหนดว่าค่าที่ผู้ใช้ป้อนตรงกับรูปแบบที่กำหนดหรือไม่ จากนั้นใช้ “ ทดสอบ() ” วิธีการตรวจสอบการป้อนข้อมูลของผู้ใช้ตามรูปแบบ







ทำตามรูปแบบที่กำหนดสำหรับการป้อนข้อมูลที่มีเฉพาะตัวอักษร ตัวเลข และทั้งสองอย่าง แต่ไม่อนุญาตให้ป้อนอักขระพิเศษใดๆ:



เป็น regexPattern = /^ [ - สำหรับ - Z0 - 9 ] + $ /;

รูปแบบที่กำหนดจะอนุญาตเฉพาะตัวอักษรกับตัวเลข และไม่อนุญาตให้ป้อนเฉพาะตัวเลข ตัวอักษร และอักขระพิเศษในการป้อนข้อมูล:



เป็น regexPattern =/^ ( ?= . * [ - สำหรับ - กับ ] ) ( ?= . * [ 0 - 9 ] ) [ - สำหรับ - Z0 - 9 ] + $ /;

เคล็ดลับโบนัส : คุณยังสามารถระบุความยาวของชื่อผู้ใช้ในรูปแบบของคุณได้





ใช้ไวยากรณ์ที่กำหนดสำหรับ ' ทดสอบ() ” วิธีการตรวจสอบอินพุตตามรูปแบบ regex:

ลวดลาย. ทดสอบ ( ป้อนข้อมูล )

ตัวอย่างที่ 1: ไม่อนุญาตให้ใช้ชื่อผู้ใช้ที่มีเฉพาะตัวเลข ตัวอักษร และอักขระพิเศษทั้งสองตัว

ขั้นแรก สร้างฟอร์มในเอกสาร HTML โดยใช้แท็ก

ที่มีช่องใส่ข้อมูลและปุ่มส่ง แนบ “ เมื่อคลิก ” เหตุการณ์ด้วยปุ่มที่จะเรียก “ ตรวจสอบชื่อผู้ใช้() ” ฟังก์ชั่นเมื่อคลิกปุ่ม:



< รูปร่าง >

< ฉลาก > ชื่อผู้ใช้ : ฉลาก >

< ประเภทอินพุต = 'ข้อความ' ชื่อ = 'ชื่อ' รหัส = 'ป้อนข้อมูล' เติมข้อความอัตโนมัติ = 'ปิด' />< br >< br >

< ประเภทปุ่ม = 'ส่ง' เมื่อคลิก = 'ตรวจสอบชื่อผู้ใช้ ()' > ส่ง ปุ่ม >

รูปร่าง >

ในแท็ก