Невозможно изменить цвет границы Syncfusion MaskedTextBox - PullRequest
Новая
       13

Невозможно изменить цвет границы Syncfusion MaskedTextBox

0 голосов
/ 13 мая 2019

У меня есть Syncfusion MaskedTextBox 

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

Я хочу изменить цвет границы текстового поля, если текстовое поле пусто.Я делаю 

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

, но это не работает.Любая помощь будет высоко ценится.

Ответы [ 2 ]

1 голос
/ 13 мая 2019

После настройки пакета 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>
1 голос
/ 13 мая 2019

Ваш скрипт имеет неверный формат для свойства border, замените его на 

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