[英]javascript onblur/onfocus function not working
我有以下两个html表单输入:
<input type="text" class="faded" name="mobile" value="012-245-6789" onfocus="hideDefault(this)" onblur="showDefault(this)"/>
和
<input class="faded validation_required" type="text" name="dob" value="MM/DD/YYYY" onfocus="hideDefault(this)" onblur="showDefault(this)"/>
和以下javascript:
function hideDefault(input)
{
if(input.name == "dob")
{
if (input.value == "MM/DD/YYYY")
{
input.value = "";
input.style.color = "black";
}
}
else if(input.name == "mobile")
{
if (input.value == "012-345-6789")
{
input.value = "";
input.style.color = "black";
}
}
else
{input.value ="hello";}
}
function showDefault(input)
{
if(input.name = "dob")
{
if (input.value == "")
{
input.value = "MM/DD/YYYY";
input.style.color = "#A3A3CC";
}
}
else if(input.name == "mobile")
{
if (input.value == "")
{
input.value = "012-345-6789";
input.style.color = "#A3A3CC";
}
}
}
“dob”输入工作正常,当你点击它时默认文本消失,当你离开它时它会回来。 但它不适合第一个,“移动”的。 为什么是这样?
你的价值不匹配:
value="012-245-6789"
...
if (input.value == "012-345-6789")
...
input.value = "012-345-6789";
请注意,第四个数字在一个地方是2,在其他地方是3。
而且,你在这里错过了一个等号:
if(input.name = "dob")
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.