带有“;”的jQuery验证多个电子邮件分隔器。？

Posted 2023-05-09

【中文标题】带有“;”的jQuery验证多个电子邮件分隔器。？

【英文标题】：Jquery Validation Multiple Email with ";" separator.?

【发布时间】：2021-04-05 04:37:04

【问题描述】：

我想为一个输入写我的邮件地址。

但是当我写“;”时，我的输入引发了“无效电子邮件”错误分隔器。谁能帮我解决这个问题？

我的代码

                    <div class="col-md-10">
                        <input class="form-control" name="toMail" id="toMail" type="email" />
                    </div>

rules: 
        toMail:  required: true, multiemails: true ,
    ,
    messages: 
        toMail: 
            required: "Bu alan zorunludur. *",
            multiemails: "Uygun bir email girin !"
        ,
    ,


jQuery.validator.addMethod(
    "multiemails",
    function (value, element) 
        if (this.optional(element)) // return true on optional element
            return true;
        var emails = value.split(/[;,]+/); // split element by , and ;
        valid = true;
        for (var i in emails) 
            value = emails[i];
            valid = valid &&
                jQuery.validator.methods.email.call(this, $.trim(value), element);
        
        return valid;
    ,

    jQuery.validator.messages.multiemails

【参考方案1】：

因为您还没有为多封电子邮件设置输入。需要设置multiple属性，查看here：

当且仅当指定了多个属性时，该值可以是 格式正确的逗号分隔电子邮件地址列表。任何尾随 并且从列表中的每个地址中删除前导空格。

例子：

<input id="emailAddress" type="email" multiple>