JavaScript-Code, der die Formularübermittlung verhindert
P粉163465905
P粉163465905 2023-08-20 13:58:50
0
2
447

Eine Möglichkeit, die Formularübermittlung zu stoppen, besteht darin, von Ihrer JavaScript-Funktion „false“ zurückzugeben.

Wenn auf die Schaltfläche „Senden“ geklickt wird, wird eine Validierungsfunktion aufgerufen. Ich habe eine Bedingung in der Formularvalidierung. Wenn diese Bedingung erfüllt ist, rufe ich eine Funktion namens returnToPreviousPage(); auf.

function returnToPreviousPage() { window.history.back(); }

Ich verwende JavaScript und das Dojo Toolkit.

Anstatt zur vorherigen Seite zurückzukehren, wird das Formular gesendet. Wie kann ich diese Übermittlung abbrechen und zur vorherigen Seite zurückkehren?

P粉163465905
P粉163465905

Antworte allen (2)
P粉457445858

使用prevent default

Dojo Toolkit

dojo.connect(form, "onsubmit", function(evt) { evt.preventDefault(); window.history.back(); });

jQuery

$('#form').submit(function (evt) { evt.preventDefault(); window.history.back(); });

Vanilla JavaScript

if (element.addEventListener) { element.addEventListener("submit", function(evt) { evt.preventDefault(); window.history.back(); }, true); } else { element.attachEvent('onsubmit', function(evt){ evt.preventDefault(); window.history.back(); }); }
    P粉794851975

    您可以使用函数的返回值来阻止表单的提交

    并且函数如下:

    如果在Chrome 27.0.1453.116 m中上述代码不起作用,请将事件处理程序的参数returnValue字段设置为false

    感谢Sam分享信息。

    编辑:

    感谢Vikram提供的解决方法,如果validateMyForm()返回false:

    
              

    其中validateMyForm()是一个在验证失败时返回false的函数。关键点是使用名称event。我们不能使用例如e.preventDefault()

      Neueste Downloads
      Mehr>
      Web-Effekte
      Quellcode der Website
      Website-Materialien
      Frontend-Vorlage
      Über uns Haftungsausschluss Sitemap
      Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!