html部分:

很简单，主要是input里面的属性

页面图：

比较丑，没有加样式，主要是为了实现功能

<1> ：点击时执行一段代码。

<2> check是函数名，紧接着括号是他的参数，参数取得文本框的ID。

js代码：

其实也挺简单的，想把它写下来，主要是因为第一次写js代码

<1> 创建一个函数 ，命名，和传递文本框的ID；

<2> 正则表达写出邮箱的格式，随后if语句用（正则表达式.test（要匹配的字符串））检测是否合格；

<3> 用来匹配参照的字符串.replace（参数1，参数2）：参数1表示匹配的标准（正则表达式或者字符串），参数2目标匹配的字符串；

<4> alert：一次只输出一个，要想一次输出，用上面这种方法。

最后的效果图：

作者：livelq
链接：https://www.jianshu.com/p/e0561719e479