Почему текст div автоматически возвращается к оригиналу после настройки с помощью JavaScript через innerHTML? [Дубликат]

Я уверен, что на FF функция

removeItem 

встречается с ошибкой JavaScript, это не произошло в IE

. При ошибке javascript появляется «return false» code won ' t run, делая страницу обратной почтой

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

 $(document).ready(function () {
    $('#BUTTON_ID').click(function(e) {

            e.preventDefault();
            e.stopPropagation();
            e.stopImmediatePropagation();

            return false;
    });});

Вот простой подход:

$('.mybutton').click(function(){

    /* Perform some button action ... */
    alert("I don't like it when you press my button!");

    /* Then, the most important part ... */
    return false;

});

return false;

Вы можете вернуть false в конце функции или после вызова функции.

До тех пор, пока это последнее, что происходит, форма не будет отправлена.

Когда-то мне было нужно что-то очень похожее ... и я получил его.

Итак, что я здесь делаю, так это то, как я делаю трюки, чтобы иметь форму, которая может быть отправлена ​​JavaScript без какой-либо проверки и выполнить проверку, только когда пользователь нажимает кнопку (обычно кнопку отправки).

В этом примере я буду использовать минимальную форму, только с двумя полями и кнопкой отправки.

Запомнить что нужно: из JavaScript он должен быть представлен без проверки. Однако, если пользователь нажимает такую ​​кнопку, валидация должна быть выполнена, а форма отправлена, только если пройдет проверку.

Обычно все начиналось бы с чего-то рядом с этим (я удалял все лишние вещи неважно):

<form method="post" id="theFormID" name="theFormID" action="">
   <input type="text" id="Field1" name="Field1" />
   <input type="text" id="Field2" name="Field2" />
   <input type="submit" value="Send" onclick="JavaScript:return Validator();" />
</form>

Посмотрите, как тег формы не имеет onsubmit="..." (помните, что это было условие не иметь его).

Проблема в том, что форма всегда отправляется, независимо от того, onclick возвращает true или false.

Если я изменяю type="submit" для type="button", он работает, но не работает. Он никогда не отправляет форму, но это можно сделать легко.

Итак, я использовал это:

<form method="post" id="theFormID" name="theFormID" action="">
   <input type="text" id="Field1" name="Field1" />
   <input type="text" id="Field2" name="Field2" />
   <input type="button" value="Send" onclick="JavaScript:return Validator();" />
</form>

И на function Validator, где return True; есть, я также добавьте предложение для отправки JavaScript, что-то похожее на это:

function Validator(){
   //  ...bla bla bla... the checks
   if(                              ){
      document.getElementById('theFormID').submit();
      return(true);
   }else{
      return(false);
   }
}

id="" предназначен только для JavaScript getElementById, name="" предназначен только для того, чтобы он отображался в данных POST.

Таким образом, он работает так, как мне нужно.

Я помещал это только для людей, которые не нуждаются в функции onsubmit в форме, но делают некоторые проверки, когда кнопка нажата пользователем.

Почему мне не нужна onsubmit в теге формы? Легко, на других частях JavaScript мне нужно выполнить отправку, но я не хочу, чтобы там была какая-либо проверка.

Причина: если пользователь является тем, кто выполняет отправку, я хочу, и мне нужна проверка но если это JavaScript, мне иногда нужно выполнить передачу, в то время как такие проверки будут избегать этого.

Это может показаться странным, но не тогда, когда вы думаете, например: в Login ... с некоторыми ограничениями. .. как будто не разрешено использовать сеансы PHP и ни куки не разрешены!

Поэтому любая ссылка должна быть преобразована в такую ​​форму submit, поэтому данные входа не будут потеряны. Когда логин еще не сделан, он также должен работать. Поэтому никакие проверки не должны выполняться по ссылкам. Но я хочу представить сообщение пользователю, если пользователь не ввел оба поля, пользователь и пароль. Так что, если его нет, форма не должна быть отправлена! есть проблема.

См. проблему: форма не должна отправляться, когда одно поле пуст, только если пользователь нажал кнопку, если это код JavaScript, он должен быть отправлен.

Если я выполняю работу над onsubmit в теге формы, мне нужно будет знать, является ли это пользователем или другим JavaScript. Поскольку никакие параметры не могут быть переданы, это невозможно напрямую, поэтому некоторые люди добавляют переменную, чтобы указать, нужно ли делать валидацию или нет. Первое, что нужно проверить, это проверить значение переменной и т. Д. Слишком сложно, и код не говорит, что действительно нужно.

Таким образом, решение не должно иметь onsubmit в теге формы. Insead поместите его там, где это действительно необходимо, на кнопку.

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

Не только код более понятен, но и там, где он должен быть. Просто запомните это: - Я не хочу, чтобы JavaScript проверял форму (которая всегда должна выполняться PHP на стороне сервера). Я хочу показать пользователю сообщение о том, что все поля не должны быть пустыми, для чего нужен JavaScript (клиент сторона)

Итак, почему некоторые люди (подумайте или скажите), это должно быть сделано при проверке onsumbit? Нет, концептуально я не делаю проверку onsumbit на стороне клиента. Я просто что-то нажимаю на кнопку, поэтому почему бы просто не позволить этому быть реализованным?

Хорошо, что код и стиль отлично подходят. На любом JavaScript, который мне нужно отправить, я просто поставил:

document.getElementById('theFormID').action='./GoToThisPage.php'; // Where to go
document.getElementById('theFormID').submit(); // Send POST data and go there

И это пропускает проверку, когда мне это не нужно. Он просто отправляет форму и загружает другую страницу и т. Д.

Но если пользователь нажимает кнопку отправки (иначе type="button" не type="submit"), проверка выполняется до того, как отправить форму и если не действителен, не отправлен.

Надеюсь, это поможет другим не пробовать длинный и сложный код. Просто не используйте onsubmit, если это не нужно, и используйте onclick. Но просто не забудьте изменить type="submit" на type="button" и, пожалуйста, не забудьте сделать submit() с помощью JavaScript.

Вы используете элемент кнопки HTML5. Помните, что причина в том, что эта кнопка имеет поведение по умолчанию для submit, как указано в спецификации W3, как показано здесь: Кнопка W3C HTML5

Поэтому вам нужно явно указать его тип:

<button type="button">Button</button>

, чтобы переопределить тип отправки по умолчанию. Я просто хочу указать, почему это происходит =)

=)