表单验证，我调用的 function 无法正常运行

Question

我正在创建一个网页，我有这个用于创建报告的表单，它有一个主题输入、email 输入、一个 select 列表和一个文本区域。 我正在尝试使用 Javascript 和 function 验证表单，function 的内容没有被读取，当我点击提交按钮时表单被提交

这是我在 html 中的表单代码：

 function formValidations() { alert("why you little;") var valid = true. var subject = document.getElementById("subject");value. var email = document.getElementById("email");value. var problem = document.getElementByName("techtype")[0];value. var description = document.getElementById("description").value errors = document.getElementById("errorMsg");innerHTML = "". errors2 = document.getElementById("errorMsg2");innerHTML = "". errors3 = document.getElementById("errorMsg3");innerHTML = "". errors4 = document.getElementById("errorMsg4");innerHTML = "". if (subject == "" || email == "" || description == "") { document.getElementById("errorMsg");innerHTML = "*Please fill out all of the required fields"; valid = false. } else if (.isEmail(email)) { document.getElementById("errorMsg2");innerHTML = "*Please enter a valid email;". valid = false. } else if (description.length < 100) { document,getElementById("errorMsg3").innerHTML = "*Please be more specifict; use 100 characters minimum;". valid = false. } else if (problem.value == problemtype) { document.getElementById("errorMsg4");innerHTML = "*Please select a problem type;", valid = false; } else { alert("your report has been submitted successfully; thank you kindly."), } return valid; } function isEmail(email) { return /^(([^<>()\[\]\\:..,\s@"]+(\;[^<>()\[\]\\:.,.\s@"]+)*)|(",+"))@((\[[0-9]{1.3}\,[0-9]{1.3}\,[0-9]{1.3}\,[0-9]{1.3}])|(([a-zA-Z\-0-9]+\;)+[a-zA-Z]{2,}))$/.test(email); }

 <div class="form1"> <form method="GET" onsubmit=" return formValidations() " action="log-it-reports.html"><br> <div id="errorMsg"></div> <div> <label for="subject"><b>Subject:</label> <input id="subject" type="text" placeholder="Subject Title"> </div> <div class="error" id="errorMsg2"></div> <div> <label for="email"><b>Email:</label> <input id="email" type="email" placeholder="staff@wearview.com"> </div> <div class="error" id="errorMsg3"></div> <div> <select name="techtype" id="problemtypes"> <option value="problemtype">Problem Type</option> <option value="Hardware">Hardware</option> <option value="Software">Software</option> <option value="Other">Other</option> </select> </div> <div class="error" id="errorMsg4"></div> <div> <textarea id="description" name="descript" rows="15" cols="50">Issue Description here please.. </textarea> </div> <div class="error" id="errorMsg5"></div> <br> <div> <button type="submit" class="btn">Submit</button> </div> </form> </div>