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。