การตรวจสอบ JavaScript: สิ่งที่คุณต้องรู้เกี่ยวกับการตรวจสอบแบบฟอร์มและอีเมล



บทความเกี่ยวกับการตรวจสอบความถูกต้องของ JavaScript นี้จะให้ความรู้เชิงลึกเกี่ยวกับการตรวจสอบแบบฟอร์ม จะให้ตัวอย่างในการตรวจสอบความถูกต้องของแบบฟอร์มโดยใช้จาวาสคริปต์

JavaScript เป็นหนึ่งในภาษายอดนิยมใน , Front-end และ Back-end Development ใช้เพื่อสร้างเว็บไซต์ที่ออกแบบอย่างสวยงาม ใน JavaScript การตรวจสอบความถูกต้องใช้เพื่อพิสูจน์ตัวตนผู้ใช้ ในเรื่องนี้ การตรวจสอบ JavaScript บทความคุณจะได้เรียนรู้เกี่ยวกับการตรวจสอบความถูกต้องของฟอร์มตามลำดับต่อไปนี้:

JavaScript คืออะไร?

คือ ระดับสูงตีความ ภาษาโปรแกรมที่ใช้ในการทำให้หน้าเว็บโต้ตอบได้มากขึ้น มันเป็นสิ่งที่มีประสิทธิภาพมาก ด้านลูกค้า ภาษาสคริปต์ซึ่งทำให้หน้าเว็บของคุณมีชีวิตชีวาและโต้ตอบได้มากขึ้น





Javascript - การตรวจสอบ JavaScript - edureka

เป็นภาษาโปรแกรมที่ช่วยให้คุณใช้งานไฟล์ ซับซ้อน และการออกแบบที่สวยงาม หน้าเว็บ . หากคุณต้องการให้หน้าเว็บของคุณดูมีชีวิตชีวาและทำมากกว่าแค่จ้องมองคุณ 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 เพื่อตรวจสอบความถูกต้องของฟอร์มโดยที่:

  1. HTML ใช้เพื่อ สร้าง แบบฟอร์ม
  2. 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” แล้วเราจะติดต่อกลับไป