JavaScript เป็นหนึ่งในภาษายอดนิยมใน , Front-end และ Back-end Development ใช้เพื่อสร้างเว็บไซต์ที่ออกแบบอย่างสวยงาม ใน JavaScript การตรวจสอบความถูกต้องใช้เพื่อพิสูจน์ตัวตนผู้ใช้ ในเรื่องนี้ การตรวจสอบ JavaScript บทความคุณจะได้เรียนรู้เกี่ยวกับการตรวจสอบความถูกต้องของฟอร์มตามลำดับต่อไปนี้:
- JavaScript คืออะไร?
- ฟังก์ชั่นใน JavaScript
- Validation คืออะไร?
- การตรวจสอบฟอร์ม JavaScript
- การตรวจสอบอีเมล JavaScript
JavaScript คืออะไร?
คือ ระดับสูงตีความ ภาษาโปรแกรมที่ใช้ในการทำให้หน้าเว็บโต้ตอบได้มากขึ้น มันเป็นสิ่งที่มีประสิทธิภาพมาก ด้านลูกค้า ภาษาสคริปต์ซึ่งทำให้หน้าเว็บของคุณมีชีวิตชีวาและโต้ตอบได้มากขึ้น
เป็นภาษาโปรแกรมที่ช่วยให้คุณใช้งานไฟล์ ซับซ้อน และการออกแบบที่สวยงาม หน้าเว็บ . หากคุณต้องการให้หน้าเว็บของคุณดูมีชีวิตชีวาและทำมากกว่าแค่จ้องมองคุณ JavaScript เป็นสิ่งที่จำเป็น
คุณสมบัติของ JavaScript:
มันเป็นภาษาสคริปต์และไม่มีส่วนเกี่ยวข้องกับ . เริ่มแรกมันถูกตั้งชื่อว่า มอคค่า จากนั้นเปลี่ยนเป็น LiveScript และในที่สุดก็ได้ชื่อว่าเป็น JavaScript .
JavaScript คือไฟล์ ตามวัตถุ ภาษาโปรแกรมที่สนับสนุนความหลากหลายการห่อหุ้มและการสืบทอดเช่นกัน
คุณสามารถเรียกใช้ JavaScript ได้ไม่เพียง แต่ในไฟล์ เบราว์เซอร์ แต่ยังอยู่ในไฟล์ เซิร์ฟเวอร์ และอุปกรณ์ใด ๆ ที่มี JavaScript Engine
ฟังก์ชั่น JavaScript
พื้นฐาน การก่อสร้างตึก ใน JavaScript เรียกว่าเป็น ฟังก์ชั่น . โดยพื้นฐานแล้วเป็นชุดของคำสั่งที่ใช้ในการทำงานหรือคำนวณค่า ในการใช้ฟังก์ชันควรกำหนดไว้ที่ใดที่หนึ่งในขอบเขตที่คุณต้องการเรียกใช้
นิยามฟังก์ชันประกอบด้วยคีย์เวิร์ดของฟังก์ชันตามด้วย:
ชื่อ ของฟังก์ชัน
รายการ พารามิเตอร์ ไปยังฟังก์ชันที่อยู่ในวงเล็บและคั่นด้วยเครื่องหมายจุลภาค
JavaScript งบ ที่กำหนดฟังก์ชันอยู่ในวงเล็บปีกกา {}
ลองดูตัวอย่างและดูวิธีกำหนดชื่อฟังก์ชัน เพิ่ม :
เพิ่มฟังก์ชัน (a, b) {return a + b}
ในตอนนี้เพื่อตรวจสอบความถูกต้องของผู้ใช้จะมีการใช้ฟังก์ชันการตรวจสอบความถูกต้อง มาดูข้อมูลเพิ่มเติมเกี่ยวกับการตรวจสอบความถูกต้องของ JavaScript กัน
Validation คืออะไร?
การตรวจสอบความถูกต้องเป็นวิธีการ รับรองความถูกต้อง ผู้ใช้งาน. JavaScript จัดเตรียมสิ่งอำนวยความสะดวกในการตรวจสอบความถูกต้องของแบบฟอร์มบนฝั่งไคลเอ็นต์ดังนั้นการประมวลผลข้อมูลจะเร็วกว่าการตรวจสอบความถูกต้องฝั่งเซิร์ฟเวอร์ เป็นที่ต้องการของนักพัฒนาเว็บส่วนใหญ่ ผ่าน JavaScript เราสามารถตรวจสอบชื่อรหัสผ่านอีเมลวันที่หมายเลขโทรศัพท์มือถือและฟิลด์อื่น ๆ
ด้านลูกค้า การตรวจสอบความถูกต้องป้องกันไม่ให้ไคลเอ็นต์ทราบว่าแบบฟอร์มนั้นถูกต้องหรือไม่ก่อนที่จะโหลดหน้าซ้ำ ในขณะที่ ฝั่งเซิร์ฟเวอร์ การตรวจสอบความถูกต้องมีความสำคัญเนื่องจากการตรวจสอบความถูกต้องฝั่งไคลเอ็นต์สามารถข้ามได้อย่างสมบูรณ์โดยการปิด JavaScript
ตอนนี้เรามาดูบทความเกี่ยวกับการตรวจสอบความถูกต้อง JavaScript ของเราและดูตัวอย่างการตรวจสอบความถูกต้องของฟอร์ม
วิธีตั้งค่า java classpath
การตรวจสอบ JavaScript: ตัวอย่าง
ตัวอย่างต่อไปนี้เป็นโค้ดใน HTML, CSS และ JavaScript เพื่อตรวจสอบความถูกต้องของฟอร์มโดยที่:
- HTML ใช้เพื่อ สร้าง แบบฟอร์ม
- JavaScript ใช้เพื่อ ตรวจสอบความถูกต้อง แบบฟอร์ม
FormValidation.html
ตรวจสอบแบบฟอร์ม / ** /รหัสผ่าน:
สิ่งนี้จะให้ผลลัพธ์ต่อไปนี้:
ตอนนี้คุณต้องสร้างไฟล์อื่นที่จะ เปลี่ยนเส้นทาง เพจไปยังเพจใหม่หลังจากคลิก ส่ง ปุ่ม.
Text.html
ตรวจสอบแบบฟอร์ม / ** /
มันจะเปลี่ยนเส้นทางไปยังหน้าอื่นและให้สิ่งต่อไปนี้ เอาท์พุท :
ตอนนี้เราต้องเพิ่มไฟล์ ฟังก์ชัน ใน JavaScipt ของเราเพื่อเชื่อมโยงรหัสอินพุต สิ่งนี้จะปรากฏขึ้นไฟล์ แจ้งเตือน ข้อความหากช่องใด ๆ เว้นว่างไว้
ฟังก์ชัน validateform () {var name = document.myform.name.value var password = document.myform.password.value if (name == null || name == '') {alert ('Name can't be blank' ) return false} else if (password.length<6){ alert('Password must be atleast 6 characters long.') return false } }
สิ่งนี้จะปรากฏขึ้นต่อไปนี้ แจ้งเตือน เมื่อ ฟิลด์ชื่อ เว้นว่างไว้:
ถัดไปหากคุณป้อนชื่อและออกจากไฟล์ ฟิลด์รหัสผ่าน ว่างมันจะโผล่ขึ้นมา แจ้งเตือน :
เมื่อคุณเพิ่มชื่อและรหัสผ่านในรูปแบบที่ถูกต้องแล้วหน้านี้จะถูกเปลี่ยนเส้นทางไปยังหน้า Text.html สำหรับ ผลลัพธ์สุดท้าย
รหัสที่สมบูรณ์สำหรับ การตรวจสอบแบบฟอร์ม มีดังนี้:
ฟังก์ชันการตรวจสอบรูปแบบ validateform () {var name = document.myform.name.value var password = document.myform.password.value if (name == null || name == '') {alert ('Name can't be blank ') return false} else if (password.length<6){ alert('Password must be atleast 6 characters long.') return false } }รหัสผ่าน:
นี่คือตัวอย่างของการตรวจสอบความถูกต้องของฟอร์มใน JavaScript นอกจากนี้เรายังสามารถตรวจสอบรหัสอีเมลรหัสผ่านหมายเลขโทรศัพท์มือถือ และอื่น ๆ อีกมากมาย.
ลองมาดูอีกตัวอย่างหนึ่งและดูวิธีตรวจสอบความถูกต้อง ชื่ออีเมล์ โดยใช้ JavaScript
การตรวจสอบอีเมล JavaScript
Email.html
ฟังก์ชัน ValidateEmail (inputText) {var mailformat = /^w+([.-]?w+)*@w+([.-]?w+)*(.w{2,3})+$/ if (inputText.value. match (mailformat)) {document.form1.text1.focus () return true} else {alert ('คุณป้อนที่อยู่อีเมลไม่ถูกต้อง!') document.form1.text1.focus () ส่งคืนเท็จ}}
เอาต์พุต
อาร์เรย์ของวัตถุในโปรแกรมตัวอย่าง java
ด้วยเหตุนี้เราจึงมาถึงตอนท้ายของบทความการตรวจสอบ JavaScript ของเรา ฉันหวังว่าคุณจะพบบล็อกนี้ให้ข้อมูลและได้รับความเข้าใจพื้นฐานเกี่ยวกับการตรวจสอบความถูกต้องของ JavaScript
นอกจากนี้อย่าลืมตรวจสอบไฟล์ โดย Edureka . มีคำถามสำหรับเรา? โปรดระบุไว้ในส่วนความคิดเห็นของ“ การตรวจสอบความถูกต้องของ JavaScript” แล้วเราจะติดต่อกลับไป