javascript如何实现下图所示的输入框边上的提示文字效果,我是小白，请谅解。

Answer 1

这个是文本框的<input /> 在这里面使用一个onblur()事件

这个函数会调用执行绑定到blur事件的所有函数，包括浏览器的默认行为。可以通过返回false来防止触发浏览器的默认行为。blur事件会在元素失去焦点的时候触发，既可以是鼠标行为，也可以是按tab键离开的

<input />可以跟一个div或者span
<span id="error" class="red">XXXXXXXX</span>这种标签

onblur()函数文本框的值判断

基本上就是这些

blur()

Answer 2

给input加上监听事件。

onchange或者onkeyup。触发校验，如果校验没有通过，则显示input后面的那个div。里面的内容自己写。你右键点击这个页面可以查看源码的，用chrome或者firefox是可以跟踪这个代码的。

Answer 3

你在输入框的外边放上了 lable 标签，然后在 input 输入标签中有个 失去焦点的事件 onblur 事件 在里面写 lable.text = "不能为空"

Answer 4

很简单， 在文本框的后面或者下面加一个div，当输入的内容满足某一要求时 ， 就显示一个状态