Question

以下代码适用于IE，但不适用于Chrome或Firefox。

如果有人可以建议更改，我们将非常感激。

代码位于以下链接

http://www.4shared.com/office/HJNhTiwB/123.html

<html xmlns="http://www.w3.org/1999/xhtml&quot;&gt; 
<head runat="server"> 
<title>MRBN Textbox Sample</title> 
<style type="text/css"> 
.MRBN 
{ 
    width:145px; 
    font-family:Verdana; 
    font-size:12pt; 
    font-weight:bold; 
    text-transform: uppercase;
    color: #EDEBEC; 
} 
</style> 
</head> 
    <script type="text/javascript"> 
        function ValidateText(evnt) { 
            TxtLen = document.getElementById("TxtMRBN").value.length; 
            document.getElementById("TxtMRBN").style.color = "#33CC33"; 
            if (TxtLen < 5) { 
                if ((((evnt.keyCode > 64) && (evnt.keyCode < 91)) || ((evnt.keyCode > 96) && (evnt.keyCode < 123))) != true) { 
                    alert("1st letter/1st name +1st 4/last name..."); 
                    return false; 
                } 
            } 
            else if (TxtLen == 5) { 
                if (evnt.keyCode != 45) { 
                    alert("This needs dash or hyphen here..."); 
                    return false; 
                } 
            } 
            else if ((TxtLen > 5) && (TxtLen < 11)) { 
                    if (((evnt.keyCode > 47) && (evnt.keyCode < 58)) != true) { 
                        alert("Put last 5 of your phone number..."); 
                        return false; 
                    } 
            } 
            else { 
                alert("5-5. Now give it to Riders & WIN...!"); 
                return false; 
            } 
        }

    function ClearText() { 
        if (document.getElementById("TxtMRBN").value == "ALPHA-NUMBR") { 
            document.getElementById("TxtMRBN").value = ""; 
        } 
        return false; 
    } 
</script> 
<body> 
    <form id="form1" runat="server"> 
        <div> 
            <input type="text" id="TxtMRBN" class="MRBN" value="ALPHA-NUMBR" onkeypress="return ValidateText(event);" onmousedown="return ClearText();" /> 
        </div> 
    </form> 
</body> 
</html>

此致

Answer 1

使用此代码在IE，Mozilla，chrome中工作

    <html>
    <head> 
    <title>MRBN Textbox Sample</title> 
    <style type="text/css"> 
    .MRBN 
    { 
        width:145px; 
        font-family:Verdana; 
        font-size:12pt; 
        font-weight:bold; 
        text-transform: uppercase;
        color: #EDEBEC; 
    } 
    </style> 
    </head> 
        <script type="text/javascript"> 

            function ValidateText(evnt) { 
         var browserName=navigator.appName; 

       if (browserName=="Microsoft Internet Explorer")
       {
                TxtLen = document.getElementById("TxtMRBN").value.length; 
                document.getElementById("TxtMRBN").style.color = "#33CC33"; 
                if (TxtLen < 5) { 
                    if ((((evnt.keyCode > 64) && (evnt.keyCode < 91)) || ((evnt.keyCode > 96) && (evnt.keyCode < 123))) != true) { 
                        alert("1st letter/1st name +1st 4/last name..."); 
                        return false; 
                    } 
                } 
                else if (TxtLen == 5) { 
                    if (evnt.keyCode != 45) { 
                        alert("This needs dash or hyphen here..."); 
                        return false; 
                    } 
                } 
                else if ((TxtLen > 5) && (TxtLen < 11)) { 
                        if (((evnt.keyCode > 47) && (evnt.keyCode < 58)) != true) { 
                            alert("Put last 5 of your phone number..."); 
                            return false; 
                        } 
                } 
                else { 
                    alert("5-5. Now give it to Riders & WIN...!"); 
                    return false; 
                } 
           }
           else  //for firefox and chrome
           {
                 TxtLen = document.getElementById("TxtMRBN").value.length; 
                document.getElementById("TxtMRBN").style.color = "#33CC33"; 
                if (TxtLen < 5) { 
                    if ((((evnt.which > 64) && (evnt.which < 91)) || ((evnt.which > 96) && (evnt.which < 123))) != true) { 
                        alert("1st letter/1st name +1st 4/last name..."); 
                        return false; 
                    } 
                } 
                else if (TxtLen == 5) { 
                    if (evnt.which != 45) { 
                        alert("This needs dash or hyphen here..."); 
                        return false; 
                    } 
                } 
                else if ((TxtLen > 5) && (TxtLen < 11)) { 
                        if (((evnt.which > 47) && (evnt.which < 58)) != true) { 
                            alert("Put last 5 of your phone number..."); 
                            return false; 
                        } 
                } 
                else { 
                    alert("5-5. Now give it to Riders & WIN...!"); 
                    return false; 
                } 
           }
         }

        function ClearText() { 
            if (document.getElementById("TxtMRBN").value == "ALPHA-NUMBR") { 
                document.getElementById("TxtMRBN").value = ""; 
            } 

        } 
    </script> 
    <body> 

    <form id="form1" > 
            <div> 
                <input type="text" id="TxtMRBN" class="MRBN" value="ALPHA-NUMBR" onkeypress="return ValidateText(event);" onmousedown="ClearText();" /> 
            </div> 
      </form>
    </body> 
    </html>

Answer 2

您需要在ClearText函数中返回true：

function ClearText() { 
    if (document.getElementById("TxtMRBN").value == "ALPHA-NUMBR") { 
        document.getElementById("TxtMRBN").value = ""; 
    } 
    return true; 
}

实际上，return false允许元素的默认操作。因此，在您的情况下，该领域无法获得焦点。

我不确定为什么它在IE中有效。我想这是这个浏览器的错误。

Answer 3

更改键码，并将onmousedown更改为onclick

<html xmlns="http://www.w3.org/1999/xhtml&quot;&gt; 
<head runat="server">
    <meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
<title>MRBN Textbox Sample</title> 
<style type="text/css"> 
.MRBN 
{ 
    width:145px; 
    font-family:Verdana; 
    font-size:12pt; 
    font-weight:bold; 
    text-transform: uppercase;
    color: #EDEBEC; 
} 
</style> 
</head> 
    <script type="text/javascript"> 
        function ValidateText(evnt) {
            TxtLen = document.getElementById("TxtMRBN").value.length; 
            document.getElementById("TxtMRBN").style.color = "#33CC33"; 
            if (TxtLen < 5) { 
                if ((((evnt.which > 64) && (evnt.which < 91)) || ((evnt.which > 96) && (evnt.which < 123))) != true) { 
                    alert("1st letter/1st name +1st 4/last name..."); 
                    return false; 
                } 
            } 
            else if (TxtLen == 5) { 
                if (evnt.which != 45) { 
                    alert("This needs dash or hyphen here..."); 
                    return false; 
                } 
            } 
            else if ((TxtLen > 5) && (TxtLen < 11)) { 
                    if (((evnt.which > 47) && (evnt.which < 58)) != true) { 
                        alert("Put last 5 of your phone number..."); 
                        return false; 
                    } 
            } 
            else { 
                alert("5-5. Now give it to Riders & WIN...!"); 
                return false; 
            } 
        }

    function ClearText() { 
        if (document.getElementById("TxtMRBN").value == "ALPHA-NUMBR") { 
            document.getElementById("TxtMRBN").value = ""; 
        } 
        return false; 
    } 
</script> 
<body> 
    <form id="form1" runat="server"> 
        <div> 
            <input type="text" id="TxtMRBN" class="MRBN" value="ALPHA-NUMBR" onkeypress="return ValidateText(event);" onclick="return ClearText();" /> 
        </div> 
    </form> 
</body> 
</html>

在IE中工作而不是在Firefox或Chrome中

3 个答案: