добавление изображения с помощью JQUERY и после того, как текстовое поле будет пустым

Question

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

Вот что я загружаю в начале страницы:

<script type="text/javascript">
  $(document).ready(function () {
      $('#imgEmail').hide();
  });
</script>

Вот моя логика после нажатия кнопки:

<script type="text/javascript">
  function validateText() {

      if (!$("#tbEmail").val()) {
          $('#imgEmail').attr('src', '../Images/Red-Error-Icon.png');
      } else {              
          $('#imgEmail').attr('src', '../Images/Green-Check-Icon.png');        
      }
  }
</script>

Вот HTML-код для поля texbox, изображения и кнопки:

<asp:TextBox ID="tbEmail" runat="server"></asp:TextBox>

<img id="imgEmail" alt="">

<asp:Button ID="btnSignUp" runat="server" OnClientClick="validateText()"/>

Спасибо за любую помощь.

Answer 1

Вы изменили атрибут, но изображение все еще скрыто.

Вам необходимо добавить $ ('# imgEmail'). Show ();

 <script type="text/javascript">
      function validateText() {

          if (!$("#tbEmail").val()) {
              $('#imgEmail').attr('src', '../Images/Red-Error-Icon.png');
          } else {              
              $('#imgEmail').attr('src', '../Images/Green-Check-Icon.png');        
          }
    $('#imgEmail').show();


      }
    </script>

Answer 2

Вам также не нужно показывать это изображение?

$('#imgEmail').show();