JQuery 不验证 struts2 表单

Question

我正在为我的应用程序使用 struts2 框架。我还使用 jquery 验证在客户端验证表单输入。然而，他们俩都不太相处。

我有用户豆类，我希望它在那里。

我正在使用以下jquery和struts表单，它不验证表单

    <script type="text/javascript">
        $(document).ready(function(){
            var validator = $("#myform").validate({
                rules: {
                    username: "required",
                    password: "required"
                },
                messages: {
                    username: "Please enter your username",
                    password: "Please enter your password"
                }
            });
        });
    </script>

---

 <s:form method="POST" action="doLogin" name="myform" id="myform" cssClass="form" theme="simple">
            <s:fielderror theme="simple" >
                    <label class="control-label" for="username">User Name </label>
                        <s:textfield name="userBean.userName" label="USER NAME"/>
                        <s:param>userBean.userName</s:param>

                    <label class="control-label" for="username">Password  </label>

                        <s:password name="userBean.password" label="PASSWORD" />
                        <s:param>userBean.password</s:param>
                <s:submit name="Submit" value="Submit"/>
            </s:fielderror>
        </s:form>

Answer 1

输入的名称userBean.userName和userBean.password因此脚本声明必须与这些名称匹配才能工作：

<script type="text/javascript">
    $(document).ready(function(){
        var validator = $("#myform").validate({
            rules: {
                "userBean.userName": "required",
                "userBean.password": "required"
            },
            messages: {
                "userBean.userName": "Please enter your username",
                "userBean.password": "Please enter your password"
            }
        });
    });
</script>

根据 jQuery 验证在 name 属性中带有前缀的字段，您需要将名称放在引号中，因为它在名称中包含.。