การแจ้งเตือนด่วน: ต้องใช้ HTML5 และรูปแบบไม่ใช่คุณลักษณะด้านความปลอดภัย

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

ใน HTML5 คุณสามารถระบุแอตทริบิวต์ `required` เพื่อให้แน่ใจว่ามีการกรอกฟิลด์บางฟิลด์ก่อนที่จะส่งแบบฟอร์มได้



ฉันได้อ่านข้อกำหนดและเงื่อนไขแล้ว

คุณไปได้ไกลยิ่งขึ้นและกำหนด “รูปแบบ” ที่ค่าของช่องต้องปฏิบัติตามก่อนที่จะส่งออกได้ ตัวอย่างเช่น รายการต่อไปนี้อนุญาตเฉพาะรายการที่เป็นตัวพิมพ์ใหญ่หรือตัวพิมพ์เล็ก a ถึง z ตัวอักษร


รหัสผลิตภัณฑ์ (AZ เท่านั้น)

คุณสามารถอ่านเพิ่มเติมเกี่ยวกับ MDN และดูตัวอย่างเพิ่มเติมได้

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


$('form').submit()

คุณสามารถดูได้ที่นี่:

การบันทึกหน้าจอของการสาธิตแบบฟอร์มที่ป้องกันการส่งและคอนโซลแก้ไข

ไม่ว่าในกรณีใด คุณจะต้องตรวจสอบความถูกต้องของข้อมูลที่เข้ามาทางฝั่งเซิร์ฟเวอร์เสมอ และหากจำเป็น ให้ล้างข้อมูล

ใส่ความเห็น

อีเมลของคุณจะไม่แสดงให้คนอื่นเห็น