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

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>