jQuery验证插件的古怪行为

jQuery validation plugin odd behavior

本文关键字：验证 插件 jQuery      更新时间：2023-09-26

我对一个简单的表单(姓名、电子邮件和电话号码)使用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
    }
}

你的代码中有一个错误，它应该是:

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

看文档

相关文章：