表单验证

Question

做个邮箱注册的表单验证，每个输入文本框需要用onblur触发js事件，验证内容用弹出框显示出来
我困惑的是：用弹出框显示错误信息后，应该有个重新获得光标的事件，但是这样会使相邻的文本框同时触发，而导致循环弹出框。例如：我先把光标移到文本框1中，填入错误信息，之后把光标移到文本框2，此时文本框1会触发onblur调用js验证，并且把光标重新移回文本框1，这样也会触发文本框2的onblur事件……希望各位大侠给解决！！

Answer 1

你可以不同弹出框嘛  直接用个隐藏的div显示错误信息

Answer 2

把光标移到文本框1中，填入错误信息，之后把光标移到文本框2，此时文本框1会触发onblur调用js验证，并且把光标重新移回文本框1，这样也会触发文本框2的onblur事件但是，此时文本框2要么为空，要么已经填入正确的内容，当为空的时候不弹alert窗口可解决你说的问题但是，我还是建议：不要频繁使用alert，要不用户不停键盘、鼠标切换，用户体验较差。
比较好的方式：在文本输入框的右侧加一个label，将alert的内容放入label中，实现即时提示

Answer 3

我也知道，应该尽量不要用alert，弹出框。但是我们老大要求用这个，我也跟他说明情况，可他还是要求用弹出框做……