js返回css样式的color值
来源:互联网 发布:dota2怎么看输出数据 编辑:程序博客网 时间:2024/06/06 00:49
今天做百度前端学院的任务时,遇到了一个问题:
耀耀学院任务二:
任务描述
共5行表单
要求:
表单获得焦点时,下方显示表单填写规则
表单失去焦点时校验表单内容
校验结果正确时,表单边框显示绿色,并在下方显示验证通过的描述文字
校验结果错误时,表单边框显示红色,并在下方显示验证错误的描述文字
点击提交按钮时,对页面中所有输入进行校验,校验结果显示方式同上。若所有表单校验通过,弹窗显示“提交成功”,否则显示“提交失败”
校验对错的任务都完成了,我遇到的问题是点击按钮对页面中所有进行校验。
我的思路是,既然要求是全对才通过,那么就是表单边框全为绿色(我用的是’#90ee90’)那就是全对了,那我就对表单颜色进行判定。
我是这样做的
var flag=(input[0].style.borderColor=="#90ee90"&&input[1].style.borderColor=="#90ee90"&&input[2].style.borderColor=="#90ee90"&&input[3].style.borderColor=="#90ee90"&&input[4].style.borderColor=="#90ee90");if(flag){ alert("提交成功");}else{ alert("提交失败");}
但是结果总是提交失败,不论表单填写的内容是否对错。
这就意味着flag始终都是false。
为什么呢?
我使用alert(input[0].style.borderColor);
弹出了结果
rgb(144, 238, 144)
然后我就查了一下:
js返回的color是rgb()或者rgba()格式的。
然而,要是你定义的color="red";
呢?
。
。
。
附上任务源码,有一个部分忘记做了,全局验证的时候没有让边框的颜色变成红色。。。
页面演示在这里。
0 0
- js返回css样式的color值
- JS得到CSS的样式
- js 改变css样式值
- js 设置和获取css样式的值
- js实现的CSS color 十六进制与RGB值的转换
- 一个JS+CSS样式的导航
- CSS的公共样式common.js
- 用JS改变的元素CSS样式
- JS操作HTML元素的CSS样式
- 用JS改变的元素CSS样式
- 用JS改变的元素CSS样式
- JS控制DOM的CSS样式
- 用JS改变的元素CSS样式
- js中css样式的操作
- JS获取CSS样式的问题
- 通过js动态的设置css样式
- JS 插入CSS样式的方法
- js和css的外部样式区别
- JVM内存管理及垃圾回收
- Androidd打造万能的Fragment切换帮助类
- 一个名叫草泥马的项目:thefuck
- 剑指offer 平衡二叉树判别
- poj 2676九宫图(很基本的DFS?卧槽,我要会写就成kuangbin了)
- js返回css样式的color值
- python迭代器中的魔法方法
- MIT 6.001.x学习笔记-1A
- Android中在ListView的Adapter实现启动Activity和改变Activity属性
- SVN服务器搭建与使用一
- 输出以下图案:星形平行四边形
- 河南工业大学2017“玲珑杯”程序设计竞赛 10
- 初学CSS-浮动、盒子模型、伪类、伪元素、定位———Day4学习笔记
- opencv实现几幅图像拼接成一整幅大图