รหัสอินสแตนซ์ที่ตรวจสอบว่าค่าขององค์ประกอบฟอร์มว่างเปล่า

1. ภาพรวม

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

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

ส่วนใหญ่จะถูกนำไปใช้ใน JavaScript โดยการวนซ้ำผ่านแอตทริบิวต์องค์ประกอบของวัตถุฟอร์ม แอตทริบิวต์องค์ประกอบของวัตถุแบบฟอร์มเป็นอาร์เรย์ขององค์ประกอบทั้งหมดของแบบฟอร์มในหน้า ตัวอย่างเช่น Form.Elements [0] แสดงถึงวัตถุองค์ประกอบแรกของรูปแบบและ Form.Elements [n] หมายถึงวัตถุองค์ประกอบ NTH ของแบบฟอร์ม

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

(1) สร้างหน้าฟอร์ม index.jsp ใหม่ รูปแบบของหน้ามี 3 องค์ประกอบที่ไม่ได้รับอนุญาตให้ว่างเปล่าและปุ่มส่ง คุณต้องกำหนดค่าแอตทริบิวต์ ID ของแบบฟอร์ม รหัสคีย์มีดังนี้:

 <form action = "" id = "myform"> <table align = "center"> <tr> <td> ข้อความ: </td> <td> <อินพุต type = "text" name = "MessageUser"> </td> </tr> <td> <td> ชื่อข้อความ: </td> <td> <td> เนื้อหา: </td> <td> <textarea rows = "8" cols = "45"> </textarea> </td> <tr> <td align = "center" colspan = "2"> <อินพุตประเภท = "ปุ่ม"

(2) เขียนวิธีการเพื่อตรวจสอบว่าค่าขององค์ประกอบฟอร์มไม่ได้รับอนุญาตให้ว่างเปล่าในแท็ก <script> ของหน้านี้ รหัสคีย์มีดังนี้:

 การตรวจสอบฟังก์ชั่น () {var myform = document.getElementById ("myform"); // รับแบบฟอร์มวัตถุสำหรับ (var i = 0; i <myform.length; i ++) {// รูปแบบลูปถ้า (myform.elements [i] .value == "") {// ตัดสินว่าแต่ละองค์ประกอบเป็นการแจ้งเตือน (myform.elements [i] .title+" // องค์ประกอบได้รับการโฟกัสคืน;}} myform.submit ();}

ใน JavaScript แอตทริบิวต์ค่าของแอตทริบิวต์องค์ประกอบของวัตถุฟอร์มแสดงค่าขององค์ประกอบที่ระบุ; แอตทริบิวต์ชื่อแสดงชื่อขององค์ประกอบฟอร์มที่ระบุ; และแอตทริบิวต์ชื่อเรื่องแสดงถึงชื่อขององค์ประกอบฟอร์ม

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