Я работаю над 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>
Пожалуйста помоги !!
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>
ПРИМЕЧАНИЕ - замените поля и идентификатор формы фактическими идентификаторами в коде.
Похожие вопросы
Новые вопросы
javascript
По вопросам программирования на ECMAScript (JavaScript/JS) и его различных диалектах/реализациях (кроме ActionScript). Имейте в виду, что JavaScript — это НЕ то же самое, что Java! Включите все ярлыки, относящиеся к вашему вопросу; например, [node.js], [jQuery], [JSON], [ReactJS], [angular], [ember.js], [vue.js], [typescript], [svelte] и т. д.
load()
, поделитесь этим в своем сообщении (используйте ссылку редактирования для редактирования сообщения)