javascript - 无法使用 Struts 验证表单

Question

我无法使用此代码验证表单。不会出现弹出窗口。

<script type="text/javascript">
    function validate_login_form() {
        if (document.login_form.email.value == "" || document.login_form.password.value == "") {            
            alert('Some fields are empty');
            return false;
        }
        return true;
    }
</script>


<form id="login_form" action="login" method="post" onsubmit="return validate_login_form()">

    <s:textfield name="email" key="label.email" size="20" />
    <s:password name="password" key="label.password" size="20" />
    <s:submit method="execute" key="label.login" align="center" />

    <footer class="clearfix">
    <p><span class="info">?</span><a href="recover.jsp">Forgot password?</a>    <br />  <a class="reg" href="register.jsp">Register</a></p>
    </footer>
</form>

原因是什么？

函数的内容将是

alert('Some fields are empty');
return false;

然后出现警报，然后选择器有问题？

Answer 1

在表单标签中添加name属性

<form name="login_form"

document 元素可以通过名称引用表单，如下所示

document.login_form 或使用 document.forms[0](如果您只有一个表单)。