Я работаю над MVC 4.0

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

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

Анимация загрузки должна отображаться только при успешном входе в систему.

Кнопка:

<input type="submit" name="mySubmit" value="Login" class="btn" onclick="load()"/>

Javascript =

<script type= "text/javascript">function load(){$('#loading').show();}</script>

Пожалуйста помоги !!

0
tanuj shrivastava 19 Мар 2015 в 13:00
2
Вы пробовали что-нибудь до сих пор, если да, пожалуйста, поделитесь
 – 
Bhushan Kawadkar
19 Мар 2015 в 13:02
Что есть в функции load(), поделитесь этим в своем сообщении (используйте ссылку редактирования для редактирования сообщения)
 – 
Bhushan Kawadkar
19 Мар 2015 в 13:06
Разместите свой HTML-код и любую соответствующую информацию, так как угадывание заставит вас расстроиться!
 – 
lshettyl
19 Мар 2015 в 13:16
- Я отредактировал и упомянул функцию загрузки, теперь, пожалуйста, предложите?
 – 
tanuj shrivastava
19 Мар 2015 в 13:25
У вас есть какая-либо форма в вашем html-коде, которую вы отправляете нажатием кнопки? Как вы отправляете запрос на вход для перехода на другую страницу, есть ли какие-либо проверки перед отправкой?
 – 
Bhushan Kawadkar
19 Мар 2015 в 13:31

1 ответ

Лучший ответ

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

Сначала измените значение типа ввода с submit на button -

<input type="button" name="mySubmit" value="Login" class="btn" onclick="load()"/>

А затем поместите проверку проверки пустых полей в функцию load() и отправьте форму только в том случае, если оба поля заполнены -

<script type= "text/javascript">
  function load(){
    //check if both login fields are empty
    var loginUser = $('#yourLoginUserId').val().trim();
    var loginPassword = $('#yourLoginPasswordId').val().trim();

    if(loginPassword!='' && loginUser!='')
    {
      $('#loading').show();
      $('#yourFormId').submit();
    }
    else
    {
      alert('Please enter Login details');
    }
  }
</script>

ПРИМЕЧАНИЕ - замените поля и идентификатор формы фактическими идентификаторами в коде.

0
Bhushan Kawadkar 19 Мар 2015 в 13:49
Вам нужно перейти на ту же страницу, если учетные данные неверны, но вы можете показать загрузку, потому что в конечном итоге вы собираетесь использовать серверную систему для проверки учетных данных.
 – 
Bhushan Kawadkar
19 Мар 2015 в 14:49
Спасибо ... !! Я использовал код ur с небольшими изменениями .... Я оставил часть else пустой, потому что m также использовал jquery.validate.min.js для проверки .... Итак, теперь я проверяю только, пусты ли поля или нет ...! !
 – 
tanuj shrivastava
19 Мар 2015 в 14:51