javascript onblur/onfocus function not working -
i have following 2 html form inputs:
<input type="text" class="faded" name="mobile" value="012-245-6789" onfocus="hidedefault(this)" onblur="showdefault(this)"/> and
<input class="faded validation_required" type="text" name="dob" value="mm/dd/yyyy" onfocus="hidedefault(this)" onblur="showdefault(this)"/> and following 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"; } } } the "dob" input working fine, when click on default text disappers , when move off it comes back. not working first one, "mobile" one. why this?
you've got value mismatch:
value="012-245-6789" ... if (input.value == "012-345-6789") ... input.value = "012-345-6789"; note 4th digit 2 in 1 place , 3 in others.
and, you're missing equals sign here:
if(input.name = "dob")
Comments
Post a Comment