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。

Javascript验证不适用于g：表单验证

1 个答案: