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

Question

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

0

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

это URL моего кода (HTML, CSS, JS, JQuery)

http://codepen.io/epmiles/pen/ewEjn?editors=011

user3606279 06 май 2014, в 03:31

Источник

0

это потому, что форма отправляется. вам нужно перехватить его, чтобы он не представил
kennypu 06 май 2014, в 01:23
0

попробуйте добавить return false после отправки формы, чтобы предотвратить ее обновление
Kim Oliveros 06 май 2014, в 01:26

Теги:

javascript

jquery

html

css

2 ответа

Ещё вопросы

это потому, что форма отправляется. вам нужно перехватить его, чтобы он не представил
попробуйте добавить return false после отправки формы, чтобы предотвратить ее обновление

Bill Criswell · Answer 1 · 2014-05-05T22-38-00.000Z

Это происходит по умолчанию в браузере.

Прямо сейчас вы ждете события клика на button отправки, вы не должны этого делать. Вам лучше дождаться отправки заявки в самой form.

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

$('form').on('submit', function (e) {
  e.preventDefault();
  // Do your thing...
});

Также есть несколько вещей, которые вы можете сохранить в своем коде DRY.

Поскольку вы делаете это в верхней части своего скрипта...

var pass = $('#password1');

Вам не нужно это делать...

$('#password1').addClass('failure');

Вы можете просто сделать это..

pass.addClass('failure');

а также

pass.val();

user3213732 · Answer 2 · 2014-05-05T23-33-00.000Z

Html Correction:
<form.... onSubmit = return validationFunctionName()>

Jquery correction:
  function validationFunctionName(){
  if(soMeCondition)//if this is true validation fails
  return false;
}

Поэтому, когда я добавляю возвращаемое значение false или $ ('form'). On ('submit', function (e) {e.preventDefault (); он больше не позволяет входным значениям менять цвет (addClass)