Intereting Posts
Как переопределить использование jQuery XMLHttpRequest в $ .ajax? jQuery получить все идентификаторы на странице Фоновое изображение на 100% windows (и изменяет его размеры) Вызов функции JavaScript из codebehind C # в пользовательском элементе управления iScroll 5 не работает, когда 2-я страница должна быть прокручиваемой Использование Pretty Diff Отказано в установке небезопасного заголовка «Соединение» Удвоение этой модифицированной бутстрапа 4-карусели работает только наполовину правильно (цикл прокрутки перестает работать) Два столбца masonry jQuery с разной шириной? Смещение косой черты на www.mysite.com/#i-bc Как создать прокрутку параллакса на устройстве iOS событие нажатия кнопки запуска неправильного обработчика события Частичный просмотр рендеринга onclick в проекте asp.net mvc 3 jQuery UI Datepicker: как добавить интерактивные события в определенные даты? Создание AJAX-обратного вызова в ASP.NET с помощью jQuery

проверка формы в jquery без использования плагина

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

Это моя HTML-форма –

 Name :  
Address :
Email:

Если пользователь отправляет эту форму без заполнения какого-либо элемента формы, мне нужно отобразить 3 сообщения об ошибках в одном окне оповещения. Как это

 Name can not be empty. Address can not be empty. email can not be empty. 

Если только одно или два поля остаются пустыми, тогда мне нужно управлять сообщением об ошибке в соответствии с ситуацией.

Здесь я попытался использовать jquery. Но окно предупреждения отображается один за другим.

Мой jQuery –

 $('#submit').on('click', function() { valid = true; if ($('#name').val() == '') { alert ("please enter your name"); valid = false; } if ($('#address').val() == '') { alert ("please enter your address"); valid = false; } }); 

Это FIDDEL

Может ли кто-нибудь сказать мне, как я могу это понять? Спасибо.

Перебирайте каждый элемент ввода в форме и проверяйте, имеет ли оно значение. Если не добавить сообщение об ошибке в строку, которую вы позже оповещаете, если значение valid является ложным.

 $('#submit').on('click', function() { var valid = true, message = ''; $('form input').each(function() { var $this = $(this); if(!$this.val()) { var inputName = $this.attr('name'); valid = false; message += 'Please enter your ' + inputName + '\n'; } }); if(!valid) { alert(message); } }); 

Скрипт: http://jsfiddle.net/WF2J9/17/

Если вы хотите, чтобы только одно предупреждение появлялось одновременно, вам нужно проверить состояние valid для каждого условия:

 $('#submit').on('click', function() { valid = true; if (valid && $('#name').val() == '') { alert ("please enter your name"); valid = false; } if (valid && $('#address').val() == '') { alert ("please enter your address"); valid = false; } return valid; }); 

Обновленная скрипка

попробуйте следовать:

  $('#submit').on('click', function() { var valid = true, errorMessage = ""; if ($('#name').val() == '') { errorMessage = "please enter your name \n"; valid = false; } if ($('#address').val() == '') { errorMessage += "please enter your address\n"; valid = false; } if ($('#email').val() == '') { errorMessage += "please enter your email\n"; valid = false; } if( !valid && errorMessage.length > 0){ alert(errorMessage); } }); 

рабочая скрипка здесь: http://jsfiddle.net/WF2J9/24/

Я надеюсь, что это помогает.

проверка формы:

Этот код предоставляется для простой проверки формы с помощью jquery.you может использовать это для проверки в вашей форме.

Спасибо