请教，如何实现选中一个文本框后，边框边色

onfocus获得焦点时修改边框颜色.
onblur失去焦点再还原,并且进行验证,并把结果输出.具体要看什么样的,这样只能给你个方法

解决方案 »

  1.   

    <html>
    <head>
    <script>
    <!--
    function fieldOnFocus(fieldObject, spanId){

    fieldObject.offsetParent.style.borderStyle = "solid";

    fieldObject.offsetParent.style.borderColor = "red";

    fieldObject.offsetParent.style.borderWidth = "3px";

    var span = document.getElementById(spanId);

    span.innerHTML = "";
    }

    function fieldOnBlur(fieldObject){

    fieldObject.offsetParent.style.borderStyle = "";

    fieldObject.offsetParent.style.borderColor = "";

    fieldObject.offsetParent.style.borderWidth = "";
    }

    function fieldOnBlurExam(fielObject, spanId){

    alert("文本框的值 " + fielObject.value + " 校验通过");

    var span = document.getElementById(spanId);

    span.innerHTML = "OK";
    }
    -->
    </script>
    </head>
    <body>
    <table border="4">
    <tr>
    <td ><input type="text" onfocus="fieldOnFocus(this, 'a')" onblur="fieldOnBlur(this);fieldOnBlurExam(this, 'a')"><span id="a"></span></td>
    <td ><input type="text" onfocus="fieldOnFocus(this, 'b')" onblur="fieldOnBlur(this);fieldOnBlurExam(this, 'b')"><span id="b"></span></td>
    </tr>
    </table>
    </body>
    </html>