Как добавить элемент ниже текстового поля с помощью Javascript? - PullRequest
Новая
       14

Как добавить элемент ниже текстового поля с помощью Javascript?

0 голосов
/ 03 июля 2018

у меня есть html код 

  <div class="col-sm-10 labelRequired">
   @Html.EditorFor(model => model.dataSiswaVM.student_full_name, new { htmlAttributes = new { @class = "form-control mandatory" } })

  </div>

и код Javascript 

$(".mandatory").blur(function () {
    var _value = $(this).val();
    if (_value == "" || _value == null) {
        $(".labelRequired").each(function (index, value) {
            $(this).html("<label class='newVal-message-red'>Fill the field</label>");
        });
    }
});

Сценарий таков: когда курсор находится над текстовым полем, но текстовое поле все еще пустое, javascript добавит метку элемента внутри класса div labelRequired. Таким образом, текст «Fill The Field» будет отображаться ниже текстового поля.

Но проблема в том, что текст «Заполнить поле» заменяет вставленное текстовое поле. Появится текст «Заполнить поле», а текстовое поле исчезнет.

Как мне поступить по правильному сценарию, который я хочу. Спасибо.

...