Question

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

我试图在Materilize JS file

中找到执行电子邮件验证的功能（有人输入了abc @ xyz，而不仅仅是abc）

在代码块中

window.validate_field =函数（对象）{

我无法确定它实际在哪里检查输入文本的@部分。

有人可以帮我吗？谢谢。

Answer 1

这是由受支持的浏览器而不是javascript实现的。

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

然后通过JS检查伪类。（：valid和：invalid CSS伪类会在适当时自动应用）。

在实现JS中，他们这样做：

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

Materilize进行电子邮件验证的js代码

1 个答案: