Question

我正在尝试验证电子邮件地址并将其添加到多选框中。为验证电子邮件地址，我在jquery网站上使用此示例。如何将有效的电子邮件地址添加到选择框中。？

$("#myform").validate({
    rules: {
    field: {
        required: true,
         email: true
}

} }）

  <SELECT id="emailRecipients" multiple size=12 name=emailRecipients> 
    <OPTION value=avendor@gmail.com>avendor@gmail.com</OPTION>
    <OPTION value=janedoe@yahoo.com>janedoe@yahoo.com</OPTION> 
  </SELECT>

 <INPUT class="secbtn" value="Add" type="button" id="addButton">

Answer 1

检查电子邮件是否有效后。你可以

var options = $('#emailRecipients').attr('options');
options[options.length] = new Option(emailAdd, emailAdd, true, true);

emailAdd是经过验证的电子邮件地址

Answer 2

首先获取经过验证的电子邮件，然后：

$('#addButton').click(function(){
  $('#emailRecipients').append('<OPTION value=' + email + '>' + email + '</OPTION>');
});

单击添加按钮后，这会将新选项附加到选择新的电子邮件。

jquery添加/删除有效的电子邮件地址

2 个答案: