javascript - 如何使用 HTML5、JS 或 Angular 验证 Ionic 中的电子邮件？

Question

我注意到这是一个令人头疼的问题。带有 type="email"的 HTML5 验证器似乎在 Ionic (View) 中不起作用。我尝试了所有可能的方法，但没有用。

我正在使用:

• ionic ( View )

• Angular

• HTML5

这是我现在的 HTML:

<input class="testinput" type="email" name="email"
       ng-model="userRegistration.email" type="text"
       pattern="/^[_a-z0-9]+(\.[_a-z0-9]+)*@[a-z0-9-]*\.([a-z]{2,4})$/" 
       required>

也用 type="text" 试过了，但还是不行。我可以在使用诸如 "blablabla" 之类的电子邮件地址时验证表单，其中我不使用 @ 符号，这当然是错误的。

我也尝试过的是:[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,63}$ 和 ng-pattern，但我没有收到错误，我可以使用随机文本进行注册，而不会被验证器阻止。

所以我的问题是:我该如何解决这个问题？解决此问题的最佳方法是什么？

我检查过:

• How to validate email id in angularJs using ng-pattern
• Why does HTML5 form-validation allow emails without a dot?

Answer 1

我自己修好了。所有其他可能的解决方案都不适合我。不过，这个有效:

<input type="email" name="email" ng-model="someModelIamUsing"
       pattern="[A-Za-z0-9._%+-]{3,}@[a-zA-Z]{3,}([.]{1}[a-zA-Z]{2,}|[.]{1}[a-zA-Z]{2,}[.]{1}[a-zA-Z]{2,})">

也许其他人也可以从中受益，这就是我在这里添加它的原因。