Email: Li-6ren">
gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-30 12:42:48 25 4
gpt4 key购买 nike

在使用此代码的 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>

我在输入 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>

演示 click here

关于javascript - 如何在文本输入 HTML 中添加多个电子邮件地址,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23803627/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com