1

次の 2 つの 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」入力は正常に機能しています。クリックするとデフォルトのテキストが消え、離すと元に戻ります。しかし、最初のものである「モバイル」では機能しません。どうしてこれなの?

4

1 に答える 1

3

値が一致しません:

    value="012-245-6789"
...    
    if (input.value == "012-345-6789")
...
    input.value = "012-345-6789";

4 桁目はある場所では 2 で、他の場所では 3 であることに注意してください。

そして、ここに等号がありません:

if(input.name = "dob")
于 2012-06-05T22:12:32.590 に答える