MaterializeCSS, как сделать выбор ввода зелёным (действительным) при onleave () - PullRequest
Новая
       4

MaterializeCSS, как сделать выбор ввода зелёным (действительным) при onleave ()

0 голосов
/ 14 сентября 2018

Мы разрабатываем веб-приложение и используем NET CORE, materializeCSS.В форме у нас есть только 2 ввода, текстовое поле и выберите (выпадающий список).

Это сценарий / шаг, который я сделал,

  1. Отправьте форму (при наличии текстового поля и выберите нетзначение)
  2. Нижняя граница ввода и текстовое поле становятся красными,
  3. Я выбираю значение в select,
  4. Щелкните текстовое поле,
  5. Нижняя граница красной линии вselect не становится зеленым (что должно быть потому, что select теперь имеет значение)

Но в текстовом поле все завершается так, как и должно быть.Я знаю, что это незначительная ошибка, и форма все еще может отправлять, даже когда выделение находится на красной линии.Но это все еще ошибка в пользовательском интерфейсе, особенно для пользователей.

Пожалуйста, помогите спасибо.

Код CSHTML: 

<div class="row">
    <div class="input-field col s8 offset-s2">
        <select asp-for="Type" class="validate" asp-items="Html.GetEnumSelectList<FieldType>()" required>
            <option disabled selected>Choose your option</option>
        </select>
        <label for="Type">Type<span style="color:red">*</span></label>
    </div>
</div>

Javascript: 

$(document).ready(function ()
{
    initAjaxForm("#f_addfield", "validate");
});

Пожалуйста, помогите мне.Заранее спасибо.

...