Fatal编程技术网

Javascript 验证电子邮件地址

javascript html angularjs

Javascript 验证电子邮件地址,javascript,html,angularjs,Javascript,Html,Angularjs,当用户未使用有效的电子邮件地址时，我需要此输入通知 采用“获取红色边框”形式，或在字段旁边显示消息（悬停） HTML CSS 我的代码：您可以使用输入类型电子邮件： <input type="email" ... /> 您必须添加输入type=“email”并添加标记以进行正确的表单验证 AngularJS具有电子邮件验证功能，因此无需为此使用ng模式 <body ng-controller="simulacaoController"> <form

当用户未使用有效的电子邮件地址时，我需要此输入通知

采用“获取红色边框”形式，或在字段旁边显示消息（悬停）

HTML

CSS

我的代码：

您可以使用输入类型
电子邮件
：

<input type="email" ... />

您必须添加输入type=“email”并添加
标记以进行正确的表单验证

AngularJS具有电子邮件验证功能，因此无需为此使用ng模式

<body ng-controller="simulacaoController">
    <form name="myForm">
        <input type="name" ng-class="{red: cadastro.$invalid}" ng-model="text" name="email" placeholder="E-Mail" class="last" required />
<form name="myForm" ng-controller="Ctrl">
      Email: <input type="email" name="input" ng-model="text" required>
      <br>
      <span class="red" ng-show="myForm.email.$error.email">
        Not a valid email!
      </span>
    </form>
    </body>


电邮：


不是有效的电子邮件！

非常酷。我自己也没有意识到这一点。然而，正如OP所意识到的，它可能在“旧”Broawers中不受支持，特别是IE10。Per：这个和其他HTML5表单验证在Safari中不起作用。需要一个polyfill类。最有趣的是
a@b
是有效的电子邮件：p@PankajParkar嗯，技术上是这样的。相关：@TimoSta我知道，但一般来说，它不是自动检测用户何时按下外部输入？我不同意这个减号表决，因为。。。type='email'本身就是一个答案。。。 
.red {
    border: solid 1px red;
}

<input type="email" ... />

<body ng-controller="simulacaoController">
    <form name="myForm">
        <input type="name" ng-class="{red: cadastro.$invalid}" ng-model="text" name="email" placeholder="E-Mail" class="last" required />
<form name="myForm" ng-controller="Ctrl">
      Email: <input type="email" name="input" ng-model="text" required>
      <br>
      <span class="red" ng-show="myForm.email.$error.email">
        Not a valid email!
      </span>
    </form>
    </body>