文本框失去焦点

大家好啊，我现在要做一个提交页面，有的字段是必填字段，我用JS校验是否为空。我在这些必填字段后放了一个<Span>（在<span>里放了一个小图片），当前面的文本框输入值，并且文本框失去焦点后，文本框后面的值消失，现在这个已经实现。

我现在有这样一个需求：如果已经填值并且<span>消失，再次把该文本框的值删掉，想让文本框后面的<span>再次出现，这个该怎么做？试了级次不成功，还请大家帮帮忙，谢谢~~

7 个解决方案

#1

你的失去焦点事件，，onblur不是已经可以实现了吗？
function checkText(){
     var strValue = document.表单名.文本框名.value;
     if(strValue==""){  //注意要给string添加一个trim函数，去空格
         document.getElementById("span的ID").style.display='none'; 
     }
     else{
        document.getElementById("span的ID").style.display='block'; 
     }
}

#2

onblur="javascript:check()"

function check()
{
  // 你的方法体
}

#3

引用 1 楼 lc328 的回复:

你的失去焦点事件，，onblur不是已经可以实现了吗？ 
function checkText(){ 
    var strValue = document.表单名.文本框名.value; 
    if(strValue==""){  //注意要给string添加一个trim函数，去空格 
        document.getElementById("span的ID").style.display='none'; 
    } 
    else{ 
        document.getElementById("span的ID").style.display='block'; 
    } 
}

正解～～

#4

学习

#5

引用 1 楼 lc328 的回复:

你的失去焦点事件，，onblur不是已经可以实现了吗？ 
function checkText(){ 
    var strValue = document.表单名.文本框名.value; 
    if(strValue==""){  //注意要给string添加一个trim函数，去空格 
        document.getElementById("span的ID").style.display='none'; 
    } 
    else{ 
        document.getElementById("span的ID").style.display='block'; 
    } 
}

正解， 也曾类似写过

#6

引用 1 楼 lc328 的回复:

你的失去焦点事件，，onblur不是已经可以实现了吗？ 
function checkText(){ 
    var strValue = document.表单名.文本框名.value; 
    if(strValue==""){  //注意要给string添加一个trim函数，去空格 
        document.getElementById("span的ID").style.display='none'; 
    } 
    else{ 
        document.getElementById("span的ID").style.display='block'; 
    } 
}

谢谢，稍微改了一下可以用了。

#7

方法可以用1L的,但响应onchange事件应该比响应onblur好一点吧