Не нравятся результаты поиска? Попробуйте другой поиск!

DLE FAQ » Все вопросы » Общие вопросы » Почему preventDefault(); аналог (return false;) срабатывает один раз?

Почему preventDefault(); аналог (return false;) срабатывает один раз?

ushkom 02.09.2020 return false, preventDefault, валидность Общие вопросы, jQuery 2140

вопрос

Всем привет. Я собрал небольшой скрипт который проверяет поля на валидность при добавлении новости на сайт.

Кнопки формы:

Показать / Скрыть текст

	
	<div class="sep-submit">
		<button name="add" type="submit">Отправить</button>
		<button name="nview" onclick="preview(event)" type="submit">Просмотр</button>	
	</div>

Скрипт:

Показать / Скрыть текст


$(document).ready(function(){	
	$('button[name="add"], button[name="nview"]').click(function preview(event) {
			f_short_story = $('#short_story').val();
			
			if(f_short_story == '' || f_short_story == undefined)
			{
				DLEalert('Не заполнено поле "Краткое описание блюда (анонс)"', dle_info); 
				return false;
				event.preventDefault();
			}
						
				
			xf_ingredient_1 = $('#xf_ingredient-1').val();
			xf_kolichestvo_1 = $('#xf_kolichestvo-ingredientov-1').val();
			
			if(xf_ingredient_1 == '' || xf_kolichestvo_1 == '')
			{
				DLEalert('Не заполнено поле "Ингредиент" или "Количество ингредиентов"', dle_info); 
				return false;
				event.preventDefault();
			}
			

			xf_vremja_prigotovlenija = $('#xf_vremja-prigotovlenija').val();
			
			if(xf_vremja_prigotovlenija != +xf_vremja_prigotovlenija )
			{
				DLEalert('Время нужно указать в минутах и только цифры', dle_info); 
				return false;
				event.preventDefault();
			}
          });
});

Проблема с кнопкой - Просмотр, event.preventDefault(); блокирует onclick только один раз, все остальные разы DLEalert выскакивает, но так же выскакивает и окно предосмотра, то есть onclick отрабатывает. В чем ошибка, как подправить. Всем заранее спасибо.

Ответа пока нет

28 комментариев

PHP-developer

1696

LazyDev - 2020-06-022 сентября 2020 15:01 - #77440

event.preventDefault не тоже самое что и return false

$(document).ready(function(){	
	$('button[name="add"], button[name="nview"]').click(function preview(event) {
		event.preventDefault();
		
		f_short_story = $('#short_story').val();
		
		if (f_short_story == '' || f_short_story == undefined) {
			DLEalert('Не заполнено поле "Краткое описание блюда (анонс)"', dle_info);
			return false;
		}

		xf_ingredient_1 = $('#xf_ingredient-1').val();
		xf_kolichestvo_1 = $('#xf_kolichestvo-ingredientov-1').val();
		
		if (xf_ingredient_1 == '' || xf_kolichestvo_1 == '') {
			DLEalert('Не заполнено поле "Ингредиент" или "Количество ингредиентов"', dle_info);
			return false;
		}
		
		xf_vremja_prigotovlenija = $('#xf_vremja-prigotovlenija').val();
		
		if (xf_vremja_prigotovlenija != +xf_vremja_prigotovlenija ) {
			DLEalert('Время нужно указать в минутах и только цифры', dle_info);
			return false;
		}
	});
});

Мой блог: LazyDev.pro

Помогаю с решением проблем на платной основе.

Юзер

167

ushkom - 2020-06-022 сентября 2020 15:39 - #77443

К сожалению все тоже самое, ни первый вариант ни второй не работает, все как и было

Юзер

176

joydo - 2020-06-022 сентября 2020 15:03 - #77441


				return false;
				event.preventDefault();

После return уже ничего не выполняется, т.е. вы вышли из функции

Т.е. нужно сделать


				event.preventDefault();
				return false;

Юзер

167

ushkom - 2020-06-022 сентября 2020 15:42 - #77444

Тоже самое

Эксперт

1317

lutskboy - 2020-06-022 сентября 2020 16:34 - #77446

LazyDev вам выше написал где должен быть event.preventDefault();

Юзер

167

ushkom - 2020-06-022 сентября 2020 16:37 - #77447

Я сделал как написали, но проблема осталась. Срабатывает только первый раз, дальше не хочет.

Исправленный скрипт.

Показать / Скрыть текст


$(document).ready(function(){
		$('#ingredient-2, #ingredient-3, #ingredient-4, #ingredient-5, #ingredient-6, #ingredient-7, #ingredient-8, #ingredient-9, #ingredient-10, #ingredient-11, #ingredient-12, #ingredient-13, #ingredient-14, #ingredient-15, #ingredient-16, #ingredient-17, #ingredient-18, #ingredient-19, #ingredient-20, #ingredient-21, #ingredient-22, #ingredient-23, #ingredient-24, #ingredient-25, #ingredient-26, #ingredient-27, #ingredient-28, #ingredient-29, #ingredient-30,#poshagovoe-2, #poshagovoe-3, #poshagovoe-4, #poshagovoe-5, #poshagovoe-6, #poshagovoe-7, #poshagovoe-8, #poshagovoe-9, #poshagovoe-10, #poshagovoe-11, #poshagovoe-12, #poshagovoe-13, #poshagovoe-14, #poshagovoe-15, #poshagovoe-16, #poshagovoe-17, #poshagovoe-18, #poshagovoe-19, #poshagovoe-20, #poshagovoe-21, #poshagovoe-22, #poshagovoe-23, #poshagovoe-24, #poshagovoe-25, #poshagovoe-26, #poshagovoe-27, #poshagovoe-28, #poshagovoe-29, #poshagovoe-30, #opisanie-2').hide();		
		
		
		$('button[name="add"], button[name="nview"]').click(function preview(event) {
			f_title = $('#title').val();
			if(f_title == '')
			{
				DLEalert('Не заполнено поле "Название блюда"', dle_info);
				event.preventDefault();
				return false;
			}
			f_cat = $('#category option:selected').val();
			
			if(f_cat == '' || f_cat == undefined)
			{
				DLEalert('Выберите категорию', dle_info);
				event.preventDefault();
				return false;
			}
			
			f_uploadimage = $('.uploadimage').html();
			
			if(f_uploadimage == '' || f_uploadimage == undefined)
			{
				DLEalert('Добавьте фото готового блюда', dle_info); 
				event.preventDefault();
				return false;
			}
			
			f_short_story = $('#short_story').val();
			
			if(f_short_story == '' || f_short_story == undefined)
			{
				DLEalert('Не заполнено поле "Краткое описание блюда (анонс)"', dle_info); 
				event.preventDefault();
				return false;
			}
						
				
			xf_ingredient_1 = $('#xf_ingredient-1').val();
			xf_kolichestvo_1 = $('#xf_kolichestvo-ingredientov-1').val();
			
			if(xf_ingredient_1 == '' || xf_kolichestvo_1 == '')
			{
				DLEalert('Не заполнено поле "Ингредиент" или "Количество ингредиентов"', dle_info); 
				event.preventDefault();
				return false;
			}
			

			xf_vremja_prigotovlenija = $('#xf_vremja-prigotovlenija').val();
			
			if(xf_vremja_prigotovlenija != +xf_vremja_prigotovlenija )
			{
				DLEalert('Время приготовления нужно указать в минутах и только цифры', dle_info);
				event.preventDefault();
				return false;
			}


			xf_video_prigotovlenija = $('#xf_video-prigotovlenija').val();

			if(xf_video_prigotovlenija.indexOf('youtube') > -1)
			{
				DLEalert('В поле нужно вставлять не ссылку на ролик а ID Вашего ролика YouTube. Читайте подсказки возле поля', dle_info);
				event.preventDefault();
				return false;
			}


			xf_video_id_kanala_youtube = $('#xf_id-kanala-youtube').val();
			
			if(xf_video_id_kanala_youtube.indexOf('youtube') > -1)
			{
				DLEalert('В поле нужно вставлять не ссылку на канал а ID Вашего канала YouTube. Читайте подсказки возле поля', dle_info);
				event.preventDefault();
				return false;
			}			
			
				
		});
});

Эксперт

1317

lutskboy - 2020-06-022 сентября 2020 16:39 - #77449

какой же он исправленный если после

$('button[name="add"], button[name="nview"]').click(function preview(event) {

должно быть

Юзер

167

ushkom - 2020-06-022 сентября 2020 16:43 - #77450

Я же написал пробовал оба варианта, вы говорите об этом:

Показать / Скрыть текст


$(document).ready(function(){
		$('#ingredient-2, #ingredient-3, #ingredient-4, #ingredient-5, #ingredient-6, #ingredient-7, #ingredient-8, #ingredient-9, #ingredient-10, #ingredient-11, #ingredient-12, #ingredient-13, #ingredient-14, #ingredient-15, #ingredient-16, #ingredient-17, #ingredient-18, #ingredient-19, #ingredient-20, #ingredient-21, #ingredient-22, #ingredient-23, #ingredient-24, #ingredient-25, #ingredient-26, #ingredient-27, #ingredient-28, #ingredient-29, #ingredient-30,#poshagovoe-2, #poshagovoe-3, #poshagovoe-4, #poshagovoe-5, #poshagovoe-6, #poshagovoe-7, #poshagovoe-8, #poshagovoe-9, #poshagovoe-10, #poshagovoe-11, #poshagovoe-12, #poshagovoe-13, #poshagovoe-14, #poshagovoe-15, #poshagovoe-16, #poshagovoe-17, #poshagovoe-18, #poshagovoe-19, #poshagovoe-20, #poshagovoe-21, #poshagovoe-22, #poshagovoe-23, #poshagovoe-24, #poshagovoe-25, #poshagovoe-26, #poshagovoe-27, #poshagovoe-28, #poshagovoe-29, #poshagovoe-30, #opisanie-2').hide();		
		
		
		$('button[name="add"], button[name="nview"]').click(function preview(event) {
			
			event.preventDefault();
			
			f_title = $('#title').val();
			if(f_title == '')
			{
				DLEalert('Не заполнено поле "Название блюда"', dle_info);
				return false;
			}
			f_cat = $('#category option:selected').val();
			
			if(f_cat == '' || f_cat == undefined)
			{
				DLEalert('Выберите категорию', dle_info);
				return false;
			}
			
			f_uploadimage = $('.uploadimage').html();
			
			if(f_uploadimage == '' || f_uploadimage == undefined)
			{
				DLEalert('Добавьте фото готового блюда', dle_info); 
				return false;
			}
			
			f_short_story = $('#short_story').val();
			
			if(f_short_story == '' || f_short_story == undefined)
			{
				DLEalert('Не заполнено поле "Краткое описание блюда (анонс)"', dle_info); 
				return false;
			}
						
				
			xf_ingredient_1 = $('#xf_ingredient-1').val();
			xf_kolichestvo_1 = $('#xf_kolichestvo-ingredientov-1').val();
			
			if(xf_ingredient_1 == '' || xf_kolichestvo_1 == '')
			{
				DLEalert('Не заполнено поле "Ингредиент" или "Количество ингредиентов"', dle_info); 
				return false;
			}
			

			xf_vremja_prigotovlenija = $('#xf_vremja-prigotovlenija').val();
			
			if(xf_vremja_prigotovlenija != +xf_vremja_prigotovlenija )
			{
				DLEalert('Время приготовления нужно указать в минутах и только цифры', dle_info);
				return false;
			}


			xf_video_prigotovlenija = $('#xf_video-prigotovlenija').val();

			if(xf_video_prigotovlenija.indexOf('youtube') > -1)
			{
				DLEalert('В поле нужно вставлять не ссылку на ролик а ID Вашего ролика YouTube. Читайте подсказки возле поля', dle_info);
				return false;
			}


			xf_video_id_kanala_youtube = $('#xf_id-kanala-youtube').val();
			
			if(xf_video_id_kanala_youtube.indexOf('youtube') > -1)
			{
				DLEalert('В поле нужно вставлять не ссылку на канал а ID Вашего канала YouTube. Читайте подсказки возле поля', dle_info);
				return false;
			}			
			
				
		});
});

Он тоже не работает.

Юзер

167

ushkom - 2020-06-022 сентября 2020 16:38 - #77448

И делал как советовал LazyDev, тоже самое.

Эксперт

1317

lutskboy - 2020-06-022 сентября 2020 16:47 - #77451

так на кнопку просмотр повесили onclick="preview(event)". вот ета функция и срабатывает
а event.preventDefault() отменяет стандартное событие.

Юзер

167

ushkom - 2020-06-022 сентября 2020 16:50 - #77452

Я не силен в js мне нужно чтоб выскакивала подсказка DLEalert а кнопка блокировалась. вычитал что onclick можно отменить preventDefault();

Юзер

167

ushkom - 2020-06-022 сентября 2020 16:54 - #77454

Делал на примере этого ответа https://learn.javascript.ru/task/why-return-false-fails

Эксперт

1317

lutskboy - 2020-06-022 сентября 2020 16:58 - #77455

попробуйте добавить еще event.stopPropagation();

Юзер

167

ushkom - 2020-06-022 сентября 2020 17:03 - #77457

Тоже нет, я читал про нее тоже

Юзер

167

ushkom - 2020-06-022 сентября 2020 17:00 - #77456

Вот в том и проблема что event.preventDefault() срабатывает только один раз. Допустим поле заполнили не верно, onclick="preview(event)" не запустилась а DLEalert запустился, так и должно быть. Но когда второе поле заполнил не верно запускается и DLEalert и onclick="preview(event)", вот эту проблему не могу решить.

Эксперт

1317

lutskboy - 2020-06-022 сентября 2020 17:14 - #77460

document.entryform.nview.onclick = function () {
	return false
}

Юзер

167

ushkom - 2020-06-022 сентября 2020 17:19 - #77462

Это после каждого сравнения нужно прописать?

Так:

Показать / Скрыть текст


			xf_video_id_kanala_youtube = $('#xf_id-kanala-youtube').val();
			
			if(xf_video_id_kanala_youtube.indexOf('youtube') > -1)
			{
				DLEalert('В поле нужно вставлять не ссылку на канал а ID Вашего канала YouTube. Читайте подсказки возле поля', dle_info);
				document.entryform.nview.onclick = function () {
					return false
				}
				return false;
			}

Эксперт

1317

lutskboy - 2020-06-022 сентября 2020 17:21 - #77463

нет. ето отдельно надо прописать

Юзер

167

ushkom - 2020-06-022 сентября 2020 17:25 - #77464

Большое спасибо, работает. Не могу понять чего не работал до этого return false

Юзер

167

ushkom - 2020-06-022 сентября 2020 17:39 - #77465

Да только теперь кнопка предосмотр не работает даже тогда когда все поля верно заполнены. Подставлял и так:

Показать / Скрыть текст


		$('button[name="add"], button[name="nview"]').click(function preview(event) {
			
				document.entryform.nview.onclick = function () {
					return false
				}

И в сам if

Не могу понять как она может блокировать в самом if

Эксперт

1317

lutskboy - 2020-06-022 сентября 2020 17:42 - #77466

а она и не будет работать. ее теперь вызвать надо preview()

Юзер

167

ushkom - 2020-06-022 сентября 2020 17:55 - #77467

Ничего не понял.

Кнопку сделал так:

Показать / Скрыть текст


<button name="nview" onclick="preview()" type="submit">Просмотр</button>

Скрипт собрал так:

Показать / Скрыть текст


$(document).ready(function(){
		$('#ingredient-2, #ingredient-3, #ingredient-4, #ingredient-5, #ingredient-6, #ingredient-7, #ingredient-8, #ingredient-9, #ingredient-10, #ingredient-11, #ingredient-12, #ingredient-13, #ingredient-14, #ingredient-15, #ingredient-16, #ingredient-17, #ingredient-18, #ingredient-19, #ingredient-20, #ingredient-21, #ingredient-22, #ingredient-23, #ingredient-24, #ingredient-25, #ingredient-26, #ingredient-27, #ingredient-28, #ingredient-29, #ingredient-30,#poshagovoe-2, #poshagovoe-3, #poshagovoe-4, #poshagovoe-5, #poshagovoe-6, #poshagovoe-7, #poshagovoe-8, #poshagovoe-9, #poshagovoe-10, #poshagovoe-11, #poshagovoe-12, #poshagovoe-13, #poshagovoe-14, #poshagovoe-15, #poshagovoe-16, #poshagovoe-17, #poshagovoe-18, #poshagovoe-19, #poshagovoe-20, #poshagovoe-21, #poshagovoe-22, #poshagovoe-23, #poshagovoe-24, #poshagovoe-25, #poshagovoe-26, #poshagovoe-27, #poshagovoe-28, #poshagovoe-29, #poshagovoe-30, #opisanie-2').hide();		
		
		
		$('button[name="add"], button[name="nview"]').click(function() {
			

			
			f_title = $('#title').val();
			if(f_title == '')
			{
				DLEalert('Не заполнено поле "Название блюда"', dle_info);
				document.entryform.nview.onclick = function () {
					return false
				}				
				return false;
			}
			f_cat = $('#category option:selected').val();
			
			if(f_cat == '' || f_cat == undefined)
			{
				DLEalert('Выберите категорию', dle_info);
				document.entryform.nview.onclick = function () {
					return false
				}				
				return false;
			}
			
			f_uploadimage = $('.uploadimage').html();
			
			if(f_uploadimage == '' || f_uploadimage == undefined)
			{
				DLEalert('Добавьте фото готового блюда', dle_info); 
				document.entryform.nview.onclick = function () {
					return false
				}				
				return false;
			}
			
			f_short_story = $('#short_story').val();
			
			if(f_short_story == '' || f_short_story == undefined)
			{
				DLEalert('Не заполнено поле "Краткое описание блюда (анонс)"', dle_info); 
				document.entryform.nview.onclick = function () {
					return false
				}				
				return false;
			}
						
				
			xf_ingredient_1 = $('#xf_ingredient-1').val();
			xf_kolichestvo_1 = $('#xf_kolichestvo-ingredientov-1').val();
			
			if(xf_ingredient_1 == '' || xf_kolichestvo_1 == '')
			{
				DLEalert('Не заполнено поле "Ингредиент" или "Количество ингредиентов"', dle_info); 
				document.entryform.nview.onclick = function () {
					return false
				}				
				return false;
			}
			

			xf_vremja_prigotovlenija = $('#xf_vremja-prigotovlenija').val();
			
			if(xf_vremja_prigotovlenija != +xf_vremja_prigotovlenija )
			{
				DLEalert('Время приготовления нужно указать в минутах и только цифры', dle_info);
				document.entryform.nview.onclick = function () {
					return false
				}				
				return false;
			}


			xf_video_prigotovlenija = $('#xf_video-prigotovlenija').val();

			if(xf_video_prigotovlenija.indexOf('youtube') > -1)
			{
				DLEalert('В поле нужно вставлять не ссылку на ролик а ID Вашего ролика YouTube. Читайте подсказки возле поля', dle_info);
				document.entryform.nview.onclick = function () {
					return false
				}				
				return false;
			}


			xf_video_id_kanala_youtube = $('#xf_id-kanala-youtube').val();
			
			if(xf_video_id_kanala_youtube.indexOf('youtube') > -1)
			{
				DLEalert('В поле нужно вставлять не ссылку на канал а ID Вашего канала YouTube. Читайте подсказки возле поля', dle_info);
				document.entryform.nview.onclick = function () {
					return false
				}				
				return false;
			}				
		});
});

После верных заполнений кнопка отключена, где я ошибся? И как может блокироваться кнопка если все внутри if лежит? Тяжело мне js дается

Эксперт

1317

lutskboy - 2020-06-022 сентября 2020 18:03 - #77469

document.entryform.nview.onclick = function () {
					return false
				}

вообще за пределы всего надо вывести
например перед

$(document).ready(function(){

а функцию preview() уже в конце етого кода

$('button[name="add"], button[name="nview"]').click(function() {
.....
if($(this).attr('name')=='nview') preview();
});

Юзер

167

ushkom - 2020-06-022 сентября 2020 18:10 - #77471

Консоль ругается на это

if($(this).attr('name')==''nview) preview();

На это: ''nview

Все что собрал:

Показать / Скрыть текст


document.entryform.nview.onclick = function () {
					return false
				}
$(document).ready(function(){
		$('#ingredient-2, #ingredient-3, #ingredient-4, #ingredient-5, #ingredient-6, #ingredient-7, #ingredient-8, #ingredient-9, #ingredient-10, #ingredient-11, #ingredient-12, #ingredient-13, #ingredient-14, #ingredient-15, #ingredient-16, #ingredient-17, #ingredient-18, #ingredient-19, #ingredient-20, #ingredient-21, #ingredient-22, #ingredient-23, #ingredient-24, #ingredient-25, #ingredient-26, #ingredient-27, #ingredient-28, #ingredient-29, #ingredient-30,#poshagovoe-2, #poshagovoe-3, #poshagovoe-4, #poshagovoe-5, #poshagovoe-6, #poshagovoe-7, #poshagovoe-8, #poshagovoe-9, #poshagovoe-10, #poshagovoe-11, #poshagovoe-12, #poshagovoe-13, #poshagovoe-14, #poshagovoe-15, #poshagovoe-16, #poshagovoe-17, #poshagovoe-18, #poshagovoe-19, #poshagovoe-20, #poshagovoe-21, #poshagovoe-22, #poshagovoe-23, #poshagovoe-24, #poshagovoe-25, #poshagovoe-26, #poshagovoe-27, #poshagovoe-28, #poshagovoe-29, #poshagovoe-30, #opisanie-2').hide();		
		
		
		$('button[name="add"], button[name="nview"]').click(function() {
			

			
			f_title = $('#title').val();
			if(f_title == '')
			{
				DLEalert('Не заполнено поле "Название блюда"', dle_info);
				return false;
			}
			f_cat = $('#category option:selected').val();
			
			if(f_cat == '' || f_cat == undefined)
			{
				DLEalert('Выберите категорию', dle_info);
				return false;
			}
			
			f_uploadimage = $('.uploadimage').html();
			
			if(f_uploadimage == '' || f_uploadimage == undefined)
			{
				DLEalert('Добавьте фото готового блюда', dle_info); 
				return false;
			}
			
			f_short_story = $('#short_story').val();
			
			if(f_short_story == '' || f_short_story == undefined)
			{
				DLEalert('Не заполнено поле "Краткое описание блюда (анонс)"', dle_info); 
				return false;
			}
						
				
			xf_ingredient_1 = $('#xf_ingredient-1').val();
			xf_kolichestvo_1 = $('#xf_kolichestvo-ingredientov-1').val();
			
			if(xf_ingredient_1 == '' || xf_kolichestvo_1 == '')
			{
				DLEalert('Не заполнено поле "Ингредиент" или "Количество ингредиентов"', dle_info); 
				return false;
			}
			

			xf_vremja_prigotovlenija = $('#xf_vremja-prigotovlenija').val();
			
			if(xf_vremja_prigotovlenija != +xf_vremja_prigotovlenija )
			{
				DLEalert('Время приготовления нужно указать в минутах и только цифры', dle_info);
				return false;
			}


			xf_video_prigotovlenija = $('#xf_video-prigotovlenija').val();

			if(xf_video_prigotovlenija.indexOf('youtube') > -1)
			{
				DLEalert('В поле нужно вставлять не ссылку на ролик а ID Вашего ролика YouTube. Читайте подсказки возле поля', dle_info);
				return false;
			}


			xf_video_id_kanala_youtube = $('#xf_id-kanala-youtube').val();
			
			if(xf_video_id_kanala_youtube.indexOf('youtube') > -1)
			{
				DLEalert('В поле нужно вставлять не ссылку на канал а ID Вашего канала YouTube. Читайте подсказки возле поля', dle_info);
				return false;
			}
            if($(this).attr('name')==''nview) preview();			
		});
});

Юзер

167

ushkom - 2020-06-022 сентября 2020 18:38 - #77477

Спасибо Вам большое за помощь

Юзер

167

ushkom - 2020-06-022 сентября 2020 21:02 - #77479

Напишите свой киви кошелек, я постараюсь завтра хоть на пиво Вам сбросить. Спасибо за помощь.

Юзер

167

ushkom - 2020-06-022 сентября 2020 18:16 - #77474

Все понял, опечатка была

if($(this).attr('name')=='nview') preview();

Юзер

167

ushkom - 2020-06-022 сентября 2020 18:25 - #77476

Все работает, единственное что после добавления новости выскакивает ошибка в консоли:

Показать / Скрыть текст


index.php?charset=utf-8&f=/templates/povarenok/js/addnews.js&150:3 Uncaught TypeError: Cannot read property 'nview' of undefined

На этот кусок:
document.entryform.nview.onclick = function () {
					return false
				}

А сам функционал кажется работает хорошо