javascript - Materialise 执行电子邮件验证的 js 代码

Question

https://materializecss.com/text-inputs.html 上提到的电子邮件验证表示，Materilize CSS 文件提供了一个“验证”类，Materilize JS 文件会选取该类并进行实际验证。

我试图在 Materilize JS file 中找到执行电子邮件验证的函数(事实上，有人输入了 abc@xyz 而不仅仅是 abc)

在代码块中

window.validate_field = function (object) {

我无法弄清楚它实际上在哪里检查输入文本的@部分。

有人可以帮我解决这个问题吗？谢谢。

Answer 1

这是由支持的浏览器实现的，而不是通过 JavaScript。

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/email

然后通过 JS 检查伪类。 (:valid 和 :invalid CSS 伪类会根据需要自动应用)。

在 Materialize.js 中，他们检查伪类并添加自己的类:

...
if (object.is(':valid') && hasLength && len <= lenAttr || object.is(':valid') && !hasLength) {
  object.removeClass('invalid');
  object.addClass('valid');
} else {
...