使用Javascript/jquery验证在文本区域中输入的多封电子邮件可以通过以下步骤实现:
$(document).ready(function() {
$("#emailInput").blur(function() {
var emails = $(this).val().split(";"); // 将输入的多封电子邮件地址以分号分隔成数组
var validEmails = []; // 用于存储有效的电子邮件地址
// 遍历每个电子邮件地址进行验证
for (var i = 0; i < emails.length; i++) {
var email = emails[i].trim(); // 去除电子邮件地址前后的空格
// 使用正则表达式验证电子邮件地址格式
var emailRegex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
if (emailRegex.test(email)) {
validEmails.push(email); // 将有效的电子邮件地址添加到数组中
}
}
// 将有效的电子邮件地址重新赋值给文本区域
$(this).val(validEmails.join(";"));
});
});
在上述代码中,我们使用了blur事件来触发验证,即当文本区域失去焦点时进行验证。首先,我们将输入的多封电子邮件地址以分号分隔成数组。然后,使用正则表达式对每个电子邮件地址进行格式验证。如果电子邮件地址格式正确,将其添加到validEmails数组中。最后,将validEmails数组中的有效电子邮件地址重新赋值给文本区域。
这样,当用户在文本区域中输入多封电子邮件地址并失去焦点时,只会保留有效的电子邮件地址,无效的电子邮件地址将被自动删除。
推荐的腾讯云相关产品:腾讯云云服务器(CVM)和腾讯云云函数(SCF)。
领取专属 10元无门槛券
手把手带您无忧上云