如何使用 JavaScript 為空輸入欄位新增表單驗證?
要使用 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>
輸出
上面的程式碼將產生以下輸出 −
當提交空表單 −
廣告