Question

我正在使用jQuery验证插件来获取简单的表单（姓名，电子邮件和电话号码）。除了电话之外，一切都运行良好，尽管我输入了正确的电话号码，仍然存在一类错误......

以下是相关的代码：表格：

        <form action="" method="post">
            <h2>Devis gratuit</h2>
            <ul id="errorHolder"></ul>
            <div class="field">
                <input type="text" name="name" placeholder="Nom"/>
            </div>
            <div class="field phone-field">
                <input type="text" name="phone" placeholder="Téléphone"/>
            </div>
            <div class="field email-field">
                <input type="text" name="email" placeholder="Email"/>
            </div>
            <label><input type="checkbox" name="optin"/> Recevez des offres promotionnelles</label>
            <button type="submit">Envoyer</button>
        </form>

一套规则：

    rules: { 
    name: "required",
    phone: { 
        required: true, 
        minlength: 8,
            maxLength: 10,
            digits: true
    }, 
    email: { 
        required: true, 
        email: true
    }
}

Answer 1

您的代码中存在错误，应该是：

rules: { 
name: "required",
phone: { 
    required: true, 
    minlength: 8,
    maxlength: 10, //not maxLength
    digits: true
}, 
email: { 
    required: true, 
    email: true
}

查看docs

jQuery验证插件奇怪的行为

1 个答案: