javascript - JQuery 重新定位错误消息

Question

我有一个小问题。我想重新定位密码检查的错误消息。我想查看表单按钮下的消息。所以我尝试使用 a 设置一个 errorLabelContainer 但它不起作用任何人都可以帮助我找出问题吗？

HTML:

<form name="f" id="f" action="<%= request.getContextPath() %>/setpassword" method="POST">
    <table>
        <tr>
            <td>
                <label for="password">Passwort</label>:&nbsp;&nbsp;
            </td>
            <td>
                <input type="password" id="password" name="password" size="20" />
            </td>
        </tr>
        <tr>
            <td>
                <label for="password_again">Passwort wiederholen</label>:&nbsp;&nbsp;</td>
            <td>
                <input class="left" type='password' id="password_again" name="password_again" size="20" />


            </td>
        </tr>

        <tr>
            <td colspan="2">&nbsp;</td>
        </tr>
        <tr>
            <td colspan='2' align="center">
                <input name="submit" type="submit" value="submit" />
            </td>
        </tr>
    </table>

    <div class="errorMsg"> </div>
</form>

JQuery:

$( "#f" ).validate({
      rules: {
        password: {
                required: true,
                minlength: 8
        },
        password_again: {
          equalTo: "#password"
        }
      }, 
      messages: {

        password: {
            required: "Bitte geben Sie Ihr Passwort zwei mal ein.",
            minlength: "Ihr Passwort muss aus mindestens 8 Zeichen bestehen."
            },

        password_again: {
            required: "Bitte geben Sie Ihr Passwort zwei mal ein.",
            equalTo: "Ihre Eingabe muss gleich sein."
            }
      },
      errorLabelContainer: '#errorMsg',
      wrapper: 'li'

});

感谢您的帮助:)

Answer 1

您的<div>具有类 errorMsg ，但您正在搜索 id errorMsg 的元素.