Fatal编程技术网
  • javascript/
  • Javascript 如何在文本输入HTML中添加多个电子邮件地址

Javascript 如何在文本输入HTML中添加多个电子邮件地址

javascript jquery html

Javascript 如何在文本输入HTML中添加多个电子邮件地址,javascript,jquery,html,Javascript,Jquery,Html,在HTML5中，我希望用户能够在输入框中添加多个电子邮件地址 <div class="modal-body row-fluid" align="left"> <span class="loader-gif" style="display:none;"><img src="<?php echo $baseURL?>/watever/img/ajax-loader-horizontal.gif"></span> Email: &

在HTML5中，我希望用户能够在输入框中添加多个电子邮件地址

<div class="modal-body row-fluid" align="left">
  <span class="loader-gif" style="display:none;"><img src="<?php echo $baseURL?>/watever/img/ajax-loader-horizontal.gif"></span>
  Email:
  <input type="email" multiple="multiple" autofocus="" pattern="^[_a-z0-9-]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,4})$" style="display:none;width:91%;cursor:text;" />Links:
  <input type="text" readonly="readonly" style="display:none;width:91%;cursor:text;" />
  <span class="message" style="display:none;"></span>
</div>


/watever/img/ajax loader horizontal.gif“>
电邮：
链接：
我在input
type=“email”
中添加了多个属性，但我仍然无法在浏览器中添加多个电子邮件地址

我正在使用firefox的最新版本进行测试。我只想知道，如何允许用户在输入框中添加多个电子邮件地址？
以及以后如何使用Javascript检索这些值。

试试这个，包括jquery并根据文件位置验证js文件

<html>
<head>
<script src="jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="jquery.validate.min.js" type="text/javascript"></script>
<script>
$(document).ready(function(){
  jQuery.validator.addMethod("multiemail", function (value, element) {
        if (this.optional(element)) {
            return true;
        }
        var emails = value.split(','),
            valid = true;
        for (var i = 0, limit = emails.length; i < limit; i++) {
            value = emails[i];
            valid = valid && jQuery.validator.methods.email.call(this, value, element);
        }
        return valid;
    }, "Please separate email addresses with a comma and do not use spaces.");


 $("#emailFrm").validate({
    errorElement:'div',
    rules: {
        emails: {
            required: true,
            multiemail:true
        }
    },
    messages: 
    {
        emails: {
            required:"Please enter email address."
        }
    }
 });
});
</script>
</head>
<body>
<form method="post" id="emailFrm">
<input type="text"  name="emails"  />
<input type="submit" name="submit" value="submit">
</form>
</body>


$（文档）.ready（函数（）{
jQuery.validator.addMethod（“multiemail”，函数（值，元素）{
if（此.可选（元素））{
返回true；
}
var=value.split（'，'），
有效=真；
对于（var i=0，limit=emails.length；i
演示

使用type='email'是否100%重要？@AndyHolmes没有，只是想象一下，所以稍后我可以应用特定于电子邮件的属性，如果您不需要使用type='email'，像这样“然后将其设置为默认值，并允许用户以逗号分隔输入电子邮件地址。我希望，那些投票否决问题格式的人，也知道一些关于答案的信息，否则，更适合文本格式化程序，而不是程序员。@AndyHolmes:好的，我试着用type=“text”来做，然后看看会发生什么是的，很好的引导。我还想知道验证逻辑是否有问题。