javascript - 当文本框字段为空时，如何将文本框边框颜色突出显示为红色？

Question

在我的电子邮件表单中，当电子邮件字段为空或不正确时，边框颜色应更改为红色，如何使用 javascript 完成此操作？

UI 脚本

<tr>
    <td style="color:rgb(05,111,159);text-align:right;">
    <p style="color:rgb(05,111,159);font-size:large" class="col-sm2">
    Confirm Email:</p>
    </td> 

    <td>
    <asp:TextBox Height="28px" Width="260px"ID="ConfirmEmail"runat="server" 
    TextMode="Email"></asp:TextBox>
    <asp:RequiredFieldValidator ID="ConfirmEmailRequired" runat="server" 
    ControlToValidate="ConfirmEmail" Display="Dynamic"> 
    </asp:RequiredFieldValidator>
    </td>
</tr>

当单击按钮时文本框字段保持为空时，我想将边框颜色更改为红色。

Answer 1

var confirmEmail = document.getElementById('ConfirmEmail').value;

if(confirmEmail.length == 0){
   confirmEmail.style.border = "1px solid red";
}else{
   confirmEmail.style.border = "1px solid black";
}

希望这对您有所帮助。