jQuery 验证插件奇怪的行为

发布于 2024-12-04 19:47:34 字数 1194 浏览 0 评论 0原文

我使用 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
    }
}

原文

I'm using the jQuery validation plugin for a simple form (name, email, and phone number). Everything is working well except for the phone, which keeps a class of error despite my typing a correct phone number...

Here are the relevant pieces of code :
Form :

        <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>

And the set of rules :

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

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

墨小墨 2024-12-11 19:47:34

您的代码中有一个错误，应该是：

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

查看 docs

There is an error in your code, it should be:

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

look at the docs

回复收藏 0 原文

~没有更多了~