JavaScript验证不适用于g：form验证

Question

我正在尝试使用如下的javascript函数来验证所有表单元素：

function validateForm() {
                    //var inpObj = document.getElementById("myForm").elements;
                    var inpObj = document.getElementById("myForm");
                    for (var i = 0; i < inpObj.length; i++) {
                        if (inpObj.checkValidity() == false) {
                            document.getElementById("validationErrors").innerHTML = inpObj.validationMessage;
                        } else {
                            document.getElementById("validationErrors").innerHTML = "Input Ok";
                        }
                    }
                }

这将验证myForm中的所有元素，如果未通过验证，则显示其错误消息。 但是，即使元素被故意留为空白，它在验证中也不显示任何错误。

表单标签如下： <g:form name="myForm" action="confirmApplyFormSaveToGroup" novalidate="novalidate"> ，如果通过验证，则该操作为重定向。

提交表单时，将调用以下函数：

<div class="ui-block-b"><button type="submit" data-theme="d" onclick="validateForm()">Submit</button></div>

错误应该在以下段落中显示：

<p id="validationErrors"></p>

Answer 1

var inpObj = document.getElementById("myForm");
<g:form name="myForm" action="confirmApplyFormSaveToGroup" novalidate="novalidate">

您正在使用getElementById但表单上没有ID。