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>

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

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>

Answer 2

我认为问题在于规则和消息中的名称。您应该使用Email作为规则而消息不是EmailAddress，因为这是控件上的name属性

Jquery Validator似乎不起作用

2 个答案: