C# 无法更改Syncfusion MaskedTextBox的边框颜色_C#_Asp.net Mvc_Syncfusion

C# 无法更改Syncfusion MaskedTextBox的边框颜色

c# asp.net-mvc

C# 无法更改Syncfusion MaskedTextBox的边框颜色,c#,asp.net-mvc,syncfusion,C#,Asp.net Mvc,Syncfusion,我有一个Syncfusion MaskedTextBox @Html.EJS().MaskedTextBox("Name").Width("100%").Value(Model.Name).Render() 如果textbox为空，我想更改textbox的边框颜色。我在做什么 document.getElementById("Name").style.borderColor.red; 但它不起作用。非常感谢您的帮助。您的脚本对于border属性的格式不正确，请更改为此 document.ge

我有一个Syncfusion MaskedTextBox

@Html.EJS().MaskedTextBox("Name").Width("100%").Value(Model.Name).Render()

如果textbox为空，我想更改textbox的边框颜色。我在做什么

document.getElementById("Name").style.borderColor.red;

但它不起作用。非常感谢您的帮助。

您的脚本对于border属性的格式不正确，请更改为此

document.getElementById("Name").style.border = "1px solid red";

您的脚本的边框属性格式不正确，请更改为

document.getElementById("Name").style.border = "1px solid red";

在设置EJS包并尝试实现所需结果后，请查找下面的代码。我已经在我这边尝试过了。如果输入框为空，则会出现红色边框，否则会隐藏。您可以使用其他JQuery方法，如

.toggleClass（）

，为元素添加适当的样式。我希望这有帮助

<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

    <script type="text/javascript">

        $(document).ready(function () {
            document.getElementById("button").onclick = function () {

                var input = document.getElementById('Name');
                if (input.value.length == "") {
                    input.style.border = "1px solid red";
                }
                else {
                    input.style.border = "none";
                }
            };
        });
    </script>
</head>
<body>
    <div class="row">
        <div class="col-md-4">
            <h2>Getting started</h2>
            @Html.EJS().MaskedTextBox("Name").Width("100%").Render()

            @Html.EJS().Button("button").Content("Click Me").Render()
        </div>
    </div>
</body>
</html>


$（文档）.ready（函数（）{
document.getElementById（“按钮”）.onclick=function（）{
var input=document.getElementById（'Name'）；
如果（input.value.length==“”）{
input.style.border=“1px实心红色”；
}
否则{
input.style.border=“无”；
}
};
});
开始
@Html.EJS（）.MaskedTextBox（“名称”）.Width（“100%”）.Render（）
@Html.EJS（）.Button（“按钮”）.Content（“单击我”）.Render（）

.toggleClass（）

，为元素添加适当的样式。我希望这有帮助

<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

    <script type="text/javascript">

        $(document).ready(function () {
            document.getElementById("button").onclick = function () {

                var input = document.getElementById('Name');
                if (input.value.length == "") {
                    input.style.border = "1px solid red";
                }
                else {
                    input.style.border = "none";
                }
            };
        });
    </script>
</head>
<body>
    <div class="row">
        <div class="col-md-4">
            <h2>Getting started</h2>
            @Html.EJS().MaskedTextBox("Name").Width("100%").Render()

            @Html.EJS().Button("button").Content("Click Me").Render()
        </div>
    </div>
</body>
</html>


$（文档）.ready（函数（）{
document.getElementById（“按钮”）.onclick=function（）{
var input=document.getElementById（'Name'）；
如果（input.value.length==“”）{
input.style.border=“1px实心红色”；
}
否则{
input.style.border=“无”；
}
};
});
开始
@Html.EJS（）.MaskedTextBox（“名称”）.Width（“100%”）.Render（）
@Html.EJS（）.Button（“按钮”）.Content（“单击我”）.Render（）