电子邮件未在引导程序中验证

Question

我正在寻找一个只需要将电子邮件地址作为输入的输入，但它允许任何输入。我想将输入框作为危险重点，直到它是有效的电子邮件地址。如果它不是正确的电子邮件地址，它应该显示警告消息。

<input type="email" class="form-control" placeholder="Email Id"
  id="customerRegistrationEmailId" data-toggle="tooltip"
  data-placement="top" title="Enter Email Id" />

Answer 1

<input type="email" name="email" required
  ng-class = "{'redborder':errortemp||email.shwerr,'greenborder':contactform.email.$valid}"
  ng-click = "errortemp = false;email.click=true;"
  ng-model="userdata.email" autocomplete="off"
  ng-pattern = '/^[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,4}$/' >

在控制器中：

$scope.errortemp = false;
if(!userdata.email.$invalid){
    $scope.temp=True
}