Question

我的表格中有多封电子邮件。单击“提交”按钮后，我想验证每封电子邮件。

Count

i.QuestionID动态增加

vm.isEmailInvalid = false;

function ValidateEmail(mail) 
{
 if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(mail))
  {
    vm.isEmailInvalid = false;
    return (true)
  }
    //alert("You have entered an invalid email address!")
    vm.isEmailInvalid = true;
    return (false)
}

如果我只有一封电子邮件，则它似乎正在工作。

说

第一封电子邮件是正确的。
第二封电子邮件为空（邮件应显示“必填”）
第三封电子邮件不为空（例如test @ yahoo）

（消息应显示电子邮件格式无效）

假设我只有一封电子邮件

<input> type = 'text' id="i.QuestionID" required 
ng-model="i.TextBoxAnswers[0]" />

<input> type = 'text' id="i.QuestionID" required  
ng-model="i.TextBoxAnswers[0]" />

<input> type = 'text' id="i.QuestionID" required 
ng-model="i.TextBoxAnswers[0]" />

如何解决这个问题？

Answer 1

如果您只接受HTML：

<form name="form">
  <label>Email:
    <input multiple
           name="email"
           pattern=".+@b.c"
           required
           title="Please provide only a @b.c e-mail address"
           type="email">
  </label>
  <input type="submit">
</form>

使用的属性：

多个：允许使用多个逗号分隔的电子邮件地址输入。
模式：RegExp输入的内容必须按顺序匹配才有效。
必填：表示输入必须有一个值在提交表格之前

参考：https://html.spec.whatwg.org/multipage/input.html#e-mail-state-(type=email)

如何验证一个表格中的多封电子邮件？

1 个答案: