Question

在运行时更改文本框边框样式：

我试过这段代码

 <script type="text/javascript">
    function validate()
    {
       alert("hello");
       document.getElementById("emailid").border.style="1px solid green";
       document.getElementById('emailid').border.style="1px solid green";
    }
    <script>

    <td>Email:</td><td> <input type="text" name="emailid" id="emailid" value="" onblur="validate();"  maxlength=125 /><br></td>

它向我显示警告框，但文本框的边框没有变化帮助使用经过测试的代码

Answer 1

这样做

document.getElementById("emailid").style.border = "1px solid green";
document.getElementById("emailid").style.border = "1px solid green";

而不是

document.getElementById("emailid").border.style = "1px solid green";
document.getElementById("emailid").border.style = "1px solid green";

Answer 2

您的结束脚本标记为<script>而不是</script> - 这可能会影响事物。此外，我强烈建议您使用JQuery或其他库来删除任何跨浏览器的不一致性（并使您必须编写更短的代码）。

Answer 3

please try this code

<script type="text/javascript">
function validate()
{
    alert("hello");
   document.getElementById('emailid').style.border="1px solid green";
}
</script>

在运行时更改文本框边框样式

3 个答案: