คำอธิบายโดยละเอียดเกี่ยวกับวิธีที่ลูกค้าตรวจสอบชื่อผู้ใช้และรหัสผ่าน

1. ภาพรวม

ในหน้าการลงทะเบียนผู้ใช้ของเว็บไซต์แบบไดนามิกมักจำเป็นต้องตัดสินจำนวนตัวเลขและองค์ประกอบสมาชิกของชื่อผู้ใช้และรหัสผ่านที่ป้อนโดยผู้ใช้เพื่อให้ได้มาตรฐานข้อมูลการลงทะเบียนของผู้ใช้ ตัวอย่างเช่นตัวอย่างนี้ต้องการให้ชื่อผู้ใช้ประกอบด้วยตัวอักษรตัวเลขและขีดเส้นใต้ตัวเลข 3-10 หลักและรหัสผ่านประกอบด้วยตัวอักษรตัวเลขขีดล่างและจุด " ของ 6-20 หลักและตัวละครตัวแรกคือตัวอักษร ในเวลานี้จำเป็นต้องตัดสินการป้อนข้อมูลของผู้ใช้ ดังนั้นผู้เขียนจึงเขียนฟังก์ชั่นสองฟังก์ชั่นเพื่อตรวจสอบว่าชื่อผู้ใช้และรหัสผ่านที่ผู้ใช้ป้อนนั้นถูกกฎหมายหรือไม่

2. คะแนนทางเทคนิค

นิพจน์ทั่วไปที่ตรวจสอบว่าชื่อผู้ใช้ประกอบด้วยตัวอักษร 3-10 หลักตัวเลขและขีดล่างมีดังนี้:

/^(/w) {3,10} $/

นิพจน์ทั่วไปที่ตรวจสอบว่ารหัสผ่านประกอบด้วยตัวอักษร 6-20 หลักตัวเลขขีดล่างและจุด " มีดังนี้:

/^ [outha-za-z เหมือนกัน {1}( [outha-za-z0-9lik

3. รหัสการใช้งานเฉพาะ

(1) ใช้ JavaScript เพื่อเขียนฟังก์ชั่น checkeUserName () เพื่อตรวจสอบว่าชื่อผู้ใช้นั้นถูกกฎหมายหรือไม่ ฟังก์ชั่นมีชื่อผู้ใช้พารามิเตอร์เดียวเท่านั้นซึ่งใช้เพื่อรับชื่อผู้ใช้อินพุตและค่าส่งคืนเป็นจริงหรือเท็จ รหัสมีดังนี้:

 <script language = "JavaScript"> ฟังก์ชั่น checkeUserName (ชื่อผู้ใช้) {var str = ชื่อผู้ใช้; // ใน JavaScript การแสดงออกปกติสามารถเริ่มต้นและสิ้นสุดด้วย "/" และไม่สามารถใช้คำพูดสองเท่า var expression =/^(/w) {3,10} $/; var objexp = ใหม่ regexp (นิพจน์); // สร้างวัตถุนิพจน์ทั่วไปถ้า (objexp.test (str) == true) {// ตรวจสอบการส่งคืนจริงผ่านนิพจน์ปกติ} else {return false;}} </script>

(2) ใช้ JavaScript เพื่อเขียนฟังก์ชั่น checkpwd () เพื่อตรวจสอบว่ารหัสผ่านนั้นถูกกฎหมายหรือไม่ ฟังก์ชั่นมีพารามิเตอร์เดียว PWD ซึ่งใช้เพื่อรับรหัสผ่านอินพุตและค่าส่งคืนเป็นจริงหรือเท็จ รหัสมีดังนี้:

 <script language = "JavaScript"> ฟังก์ชั่น checkepwd (pwd) {var str = pwd; // ใน JavaScript การแสดงออกปกติสามารถเริ่มต้นและจบลงด้วย "/" และไม่สามารถใช้คำพูดสองเท่า var expression =/^[a-za-z] {1} ([A-za-z0-9] var objexp = ใหม่ regexp (นิพจน์); // สร้างวัตถุนิพจน์ทั่วไปถ้า (objexp.test (str) == true) {// ตรวจสอบการส่งคืนจริงผ่านนิพจน์ปกติ} else {return false;}} </script>

(3) เรียกฟังก์ชั่น checkuserName () และฟังก์ชั่น checkpwd () เพื่อพิจารณาว่าชื่อผู้ใช้และรหัสผ่านที่ผู้ใช้ป้อนนั้นถูกกฎหมายหรือไม่ หากไม่ถูกกฎหมายจะมีข้อความแจ้งเตือน รหัสคีย์มีดังนี้:

 <script language = "javascript"> ฟังก์ชั่นตรวจสอบ (myform) {ถ้า (myform.username.value == "") {แจ้งเตือน ("โปรดป้อนชื่อผู้ใช้!"); myform.username.focus (); return; ผิดกฎหมาย! "); myform.username.focus (); return;} ถ้า (myform.pwd.value ==" ") {แจ้งเตือน (" โปรดป้อนรหัสผ่าน! "); myform.pwd.focus (); return; ผิดกฎหมาย! "); myform.pwd.focus (); return;} ถ้า (myform.pwd1.value ==" ") {แจ้งเตือน (" โปรดยืนยันรหัสผ่าน! "); myform.pwd1.focus () {myform.pwd1.value! กลับเข้ามาอีกครั้ง! "); myform.pwd.focus (); return;} myform.submit ();} </script>

ข้างต้นเป็นความรู้ที่เกี่ยวข้องเกี่ยวกับชื่อผู้ใช้การยืนยันลูกค้าและรหัสผ่านที่แนะนำโดยบรรณาธิการ ฉันหวังว่ามันจะเป็นประโยชน์กับคุณ หากคุณมีคำถามใด ๆ โปรดฝากข้อความถึงฉันและบรรณาธิการจะตอบกลับคุณทันเวลา ขอบคุณมากสำหรับการสนับสนุนเว็บไซต์ Wulin.com!