เพื่อเพิ่ม Form Validation สำหรับ Empty Input Fields ด้วย JavaScript โค้ดมีดังนี้
ตัวอย่าง
<!DOCTYPE html> <html> <head></head> <h1>JavaScript empty input field validation example</h1> <form name="Form1" onsubmit="return emptyValidation()" required> Name: <input type="text" name="firstName" /> <input type="submit" value="Submit" /> </form> <h2>Submit the form empty to see the validation performed</h2> <script> function emptyValidation() { var formField = document.forms["Form1"]["firstName"].value; if (formField == "" || x == null) { alert("Name must be filled out"); return false; } } </script> </body> </html>ผลลัพธ์
โค้ดข้างต้นจะสร้างผลลัพธ์ดังนี้
เมื่อ Submit Form ว่าง
