写在之前

本例是模拟的邮箱输入。使用控制台可以看到全部的代码，所以就不贴代码啦。

↓↓demo↓↓

试试输入中文、数字和英文，上下键和鼠标选择，esc，删除信息。

未输入或输入不正确，请检查并重新输入！

实现功能

其实本例的功能很简单，无非就一个，输入信息根据信息生成对应邮箱地址。相对的难点就在于，输入信息和后续信息的拼接问题、输入信息的防呆处理。
总的来说，是个很简单的demo。

问题与解决方法

信息拼接问题和防呆处理

function inputCheck(){
	return /^(\w+)(@\w*(\.\w*)?)?$/.exec(inputNode.value.replace(/ /g,""));
}

reg内容是以数字或字母开头，中间拼接任意个数字或字母，再拼接由0或1个”@”和任意个数字或字母组合的字符串，再拼接0或1个由”.”和任意个数字或字母组合的字符串。
而整段代码是判断输入内容是否符合给出的标准。而通过reg匹配可以得到”@”或者”.”之前的字符串，再与其他的字符串组合即可。

此处还有一个问题，就是我在md中写入的代码，在结束代码之后，还会有代码中的css影响代码外的布局的情况出现。本例就是个例子，虽然使用id选择器可以限制css生效范围，但是若不限制，则会影响到所有的对应dom。