[原]创建三个输入文本框，当光标离开文本框的时候如果文本框为空，则将文本框背景色设置为红色，如果不为空则为白色。提示：焦点进入控件的事件是onfocus，焦点离开控件的事件是onblur
2014-04-26 22:20
603 查看
window.onload = function () {
var txts = document.getElementsByTagName('input');
for (var i = 0; i < txts.length; i++) {
txts[i].onblur = function () {
if (this.value.length == 0) {
this.style.backgroundColor = 'red';
}
else {
this.style.backgroundColor = '';
}
}
}
}
<input type="text" name="name" value="" />
<input type="text" name="name" value="" />
<input type="text" name="name" value="" />
var txts = document.getElementsByTagName('input');
for (var i = 0; i < txts.length; i++) {
txts[i].onblur = function () {
if (this.value.length == 0) {
this.style.backgroundColor = 'red';
}
else {
this.style.backgroundColor = '';
}
}
}
}
<input type="text" name="name" value="" />
<input type="text" name="name" value="" />
<input type="text" name="name" value="" />
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 创建三个输入文本框，当光标离开文本框的时候如果文本框为空，则将文本框背景色设置为红色，如果不为空则为白色。提示：焦点进入控件的事件是onfocus，焦点离开控件的事件是onblur
- 文本框内默认提示————请输入用户姓名（字体灰色），要求： （1）当文本框获得焦点时，默认提示消失 （2）当文本框失去焦点时，如果没有输入新内容，那么则显示原来的灰色字体内容； 如果有新内容输入则判断，如果长度小于10，则提示“姓名长度应该大于10个字符”
- 文本框获得焦点后文本框内的提示文本消失 失去焦点后如果没有输入再显示提示 转
- onBlur事件与onfocus事件（js） （光标到达和离开是触发事件）
- onblur 是控件在失去焦点的时候触发的事件
- 文本框光标离开事件：onBlur
- 文本框获得焦点后文本框内的提示文本消失 失去焦点后如果没有输入再显示提示
- onblur在html中的意思是：控件在失去焦点的时候触发的事件
- 输入文本框【提示文字】的设置与清空
- js中常用的事件，onclick 单击事件、onblur 失去焦点事件、onchange改变事件、onmouseover鼠标进入事件、onmouseout鼠标移除事件、onsubmit提交事件
- vs2010如何设置能实现输入关键字的时候自动提示呢？
- 为页面上某些文本框添加离开验证输入事件
- js -- 设置输入框光标位置（在模拟微信表情输入的时候遇到的）
- git push时候总提示输入账号密码，如何免除设置？
- C# 设置文本框等控件只能输入 正负整数或小数
- javascript的onfocus和onblur事件实现输入框的提示信息显隐
- WTL 中CEdit如何设置一个tip，当用户没有输入任何东西的时候作为提示
- 从多方查找资源并测试终于解决了问题，特记录下。 其实如果在安装的时候,正确的安装,就不会出现下面的信息了. 如在Linux下安装,提示密码的时候,输入Root账号的密码就不会出现这个问题了!
- Android 文本输入框 获取焦点和设置光标到末尾
- 为页面上某些文本框添加离开验证输入事件