我已經(jīng)為我的 HTML 編寫了一個驗證器，盡管我不確定我哪里出錯了。我在下面要做的是確定“名字”框中是否有任何文本。代碼中有底層的 css，但我相信我的問題是圍繞我的 onsubmit 和 validate 函數(shù)，因為一旦我單擊提交按鈕，javascript 中似乎沒有任何東西在運行。<!doctype html><html><head> <meta charset="utf-8"> <title>NewPatientForm</title> <link rel="stylesheet" type="text/css" href="NewPatient.css"> <script> function validate() { var invalid = false; if(!document.Firstname.value.length) { invalid = true; } if(invalid) { document.getElementById("form-error").style.display = "inline-block"; return false; //to make the text appear } return true;} </script></head><body> <form id="NewPatientForm" method="post" action="#" onsubmit="return validate();"> <div class="form-element"> <p id="form-error">All fields are required</p> </div> <div> <label for="Firstname">First Name <input type="text" name="Firstname" placeholder="First Name" id="Firstname"> </label> </div> <div> <input type="submit" name="submit-button" value="Submit"> </div> </form></body></html>
我的 Javascript 中的 HTML 表單驗證器似乎不起作用
www說
2022-07-01 16:10:29
