js控制输入框边框的颜色显示
来源:互联网 发布:医院网络解决方案 编辑:程序博客网 时间:2024/05/16 14:07
当输入框内容为空的时候,让内容为空的输入框,边框设为红色,同时再次获得焦点是,恢复原来颜色
css:
<style type="text/css">
.redBorder{
border:#ff0000 1px solid
}#000000
.blackBorder{
border:#000000 1px solid
}
</style>
.redBorder{
border:#ff0000 1px solid
}#000000
.blackBorder{
border:#000000 1px solid
}
</style>
html:
<table id="tabID" >
<tbody id="specialBudgetInfoList">
<tr>
<td>
<input type='text' id='testID' name='test' style='text-align: right' onfocus='blackBorder(this)'/>
</td>
</tr>
</tbody>
</table>
js: /**
*检查输入值是否填完整
*/
function checkInputsValue(id){
var tbodyNode = document.getElementById(id);
var flag = true;
var inputNodes = tbodyNode.getElementsByTagName("input");
for(var i=0;i<inputNodes.length;i++){
if(inputNodes[i].type == 'text'){
//将input标签的type为text,并且值为空的,设置边框为红色
if(inputNodes[i].value == " " || inputNodes[i].value == ""){
inputNodes[i].className = "redBorder"; //方框设为红色,默认是为黑色的
flag = false;
}
}
}
return flag;
}
//黑色边框
function blackBorder(obj){
obj.className = "blackBorder";
}
*检查输入值是否填完整
*/
function checkInputsValue(id){
var tbodyNode = document.getElementById(id);
var flag = true;
var inputNodes = tbodyNode.getElementsByTagName("input");
for(var i=0;i<inputNodes.length;i++){
if(inputNodes[i].type == 'text'){
//将input标签的type为text,并且值为空的,设置边框为红色
if(inputNodes[i].value == " " || inputNodes[i].value == ""){
inputNodes[i].className = "redBorder"; //方框设为红色,默认是为黑色的
flag = false;
}
}
}
return flag;
}
//黑色边框
function blackBorder(obj){
obj.className = "blackBorder";
}
//提交方法
function submitInfo(){
if(checkInputsValue("specialBudgetInfoList") == false){
alert("请输入内容");
return;
}
}
变为
0 0
- js控制输入框边框的颜色显示
- 改变TextInput输入框得到焦点时边框的颜色
- 更改输入框边框默认颜色的方法
- html中js实现左边框控制右边框的显示
- 自定义输入框,按钮边框,颜色
- 图片边框颜色控制
- input输入框设置边框大小边框颜色
- UISearchBar 修改背景层和输入框层的背景颜色和边框颜色
- js 显示输入框输入的内容
- 实现输入框得到焦点时边框颜色改变失去焦点时输入框变回原来的颜色
- Flex中如何改变TextInput输入框得到焦点时边框颜色的例子
- js控制输入框/Js格式控制
- 去掉谷歌上输入输入框的 边框
- 控制中文输入的js
- JS 控制 输入框input 输入数字
- js控制输入框只能输入数字
- 在jsp中怎样设置输入框的边框不显示出来?
- 单选按钮 控制 输入框显示 的总结
- Ubuntu14.04安装中文输入法以及解决Gedit中文乱码问题
- js 动态改变 HTML <image> 的来源(src)
- Intent Filter 实例
- JS解析json数据(如何将json字符串转化为数组)
- 如何在web端实现本地文件的访问功能
- js控制输入框边框的颜色显示
- Android软件开发之EditText 详解(八)
- Jquery绑定事件(bind和live的区别)
- 密码截取,回文对比
- i os 推送服务 java
- 2014NEUQ图灵杯(C语言解法)
- Android SwipeRefreshLayout 官方下拉刷新控件介绍
- Android添加新版本支持包V7后自定义ActionBar左侧有空白,不能完全填充问题解决
- POJ 2533 LIS