javascript - Jquery Validator 似乎不起作用

Question

我很确定我遗漏了一些非常明显的东西，但我正在尝试使用所需条件验证我的文本框之一，为此我正在使用 Jquery 验证器。我的代码如下所示:

 var validator = $("#ForgotPassword").validate({
                rules: {
                    EmailAddress: { required: true }
                },
                messages: {
                    EmailAddress: {
                        required: "Email address is required."
                    }
                }
            });

我的 DOm 如下所示:

<form id = "ForgotPassword" class="ui-helper-hidden"  title="Forgot Password" action="" method="GET">
                <p>Please enter the email address you registered with. We’ll send you an email with a password reset link.</p>
                <div class="inputwrapper _100">
                    <label for="Email">Email</label>
                    <input type="text" id="EmailAddress" name="Email" data-bind ="value : ForgotPasswordEmailAddress"/>
                    <span id="EmailAddress_Error" class="ui-helper-hidden errorMessage" ></span>
                </div>
            </form>

但是当我在运行时监视我的验证器对象时，我没有看到任何错误。是因为我看错地方了还是我的绑定(bind)不对？

Answer 1

请试试这个或粘贴您的验证码的其余部分:

对于验证插件，您需要有名称 - EmailAddress 在这种情况下:

希望对事业有所帮助 :)

<form id = "ForgotPassword" class="ui-helper-hidden"  title="Forgot Password" action="" method="GET">
                <p>Please enter the email address you registered with. We’ll send you an email with a password reset link.</p>
                <div class="inputwrapper _100">
                    <label for="Email">Email</label>
                    <input type="text" id="EmailAddress" name="EmailAddress" class="EmailAddress" data-bind ="value : ForgotPasswordEmailAddress"/>
                    <span id="EmailAddress_Error" class="ui-helper-hidden errorMessage" ></span>
                </div>
            </form>