Heim > Artikel > Web-Frontend > Mehrere Möglichkeiten zum Senden von Formularen mit JavaScript

Mehrere Möglichkeiten zum Senden von Formularen mit JavaScript

黄舟Original: 2017-11-18 14:53:2812573Durchsuche

Ich glaube, dass jeder mit ihnen vertraut ist. JavaScriptWie stelle ich Ihnen verschiedene Methoden zum Senden vor? Formulare in JavaScript!

Der erste Weg: Formularübermittlung, fügen Sie onsubmitevent im Formular-Tag hinzu, um festzustellen, ob die Formularübermittlung erfolgreich war

<script type="text/javascript">
   function validate(obj) {
    if (confirm("提交表单?")) {
      alert(obj.value);
      return true;
    } else {
      alert(obj.value);
      return false;
    }
   }
 </script>
 <body>
  <form action="http://www.jb51.net" onsubmit="return validate(document.getElementByIdx_x(&#39;myText&#39;));"> <!—参数的这种写法注意下-->
  
    <input type="text" id="myText"/>
    <input type="submit" value="submit"/>
  
  </form>
</body>

Der zweite Weg: Lösen Sie das Formularübermittlungsereignis über die Schaltfläche buttononclick="submitForm();" aus, wodurch andere Tags ignoriert werden Das -Attribut , z. B. das onsubmit-Attribut im Formular-Tag, ist ungültig. Zu diesem Zeitpunkt können Sie zur Durchführung der Formularüberprüfung den Bestätigungscode in die Methode „submitForm()“ einfügen.

<script type="text/javascript">
   function validate() {
    if (confirm("提交表单?")) {
      return true;
    } else {
      return false;
    }
   }
   
   function submitForm() {
    if (validate()) {
      document.getElementByIdx_x("myForm").submit();
    }
   }
 </script>
 <body>
  <form action="http://www.jb51.net" id="myForm">
  
    <input type="text"/>
    <input type="button" value="submitBtn" onclick="submitForm();"/> <!—也可以使用document.getElementByIdx_x(“该按钮的id”).click();来执行onclick事件-->
  
  </form>
</body>

Der dritte Weg: Fügen Sie das onsubmit-Ereignis in das Submit-Tag anstelle des Formular-Tags ein. Zu diesem Zeitpunkt schlägt die Formularüberprüfung fehl. Klicken Sie auf Schaltfläche „Senden“ Das Formular wird direkt gesendet

<script type="text/javascript">
   function validate() {
    if (confirm("提交表单?")) {
      return true;
    } else {
      return false;
    }
   }
 </script>
 <body>
  <form action="http://www.jb51.net">
  
    <input type="text"/>
    <input type="submit" value="submit" onsubmit="return validate()"/>
  
  </form>
</body>

Der vierte Weg: Fügen Sie ein Onclick-Ereignis zur Schaltfläche „Senden“ hinzu, wobei dieses Ereignis zur Überprüfung des Formulars verwendet wird Übermittlung, und die Funktion ähnelt dem Ereignis onsubmit, das dem Formular-Tag hinzugefügt wird als

<script type="text/javascript">
   function validate() {
    if (confirm("提交表单?")) {
      return true;
    } else {
      return false;
    }
   }
 </script>
 <body>
  <form action="http://www.jb51.net">
  
    <input type="text"/>
    <input type="submit" value="submit" onclick="return validate()"/>
  
  </form>
</body>

Der fünfte Weg:

<body>
  <form action="http://www.jb51.net" id="myForm">
  
  <input type="text"/>
  <input type="button" value="submitBtn" id="myBtn"/>
  
  </form>
 </body>
 
  <script type="text/javascript">
  
   function validate() {
      if (confirm("提交表单?")) {
        return true;
      } else {
        return false;
      }
}

Lösen Sie das Formular über die Schaltfläche „Senden“ aus. Das Ereignis „onclick="submitForm();" ignoriert beispielsweise die Attribute in anderen Tags. Das onsubmit-Attribut im Formular-Tag ist ungültig. Zu diesem Zeitpunkt kann zur Durchführung der Formularüberprüfung der Bestätigungscode in die Methode „submitForm();“ zur Überprüfung eingefügt werden

function submitForm() {
      if (validate()) {
        document.getElementByIdx_x("myForm").submit();
      }
   }
  
   document.getElementByIdx_x("myBtn").onclick = submitForm;
</script>

Zusammenfassung:

Durch die Einleitung dieses Artikels wissen wir, dass es viele Möglichkeiten gibt, Formulare in JavaScript einzureichen. Sie können eine entsprechend Ihren eigenen Anforderungen auswählen Ich hoffe, es wird für Ihre Arbeit hilfreich sein!

Verwandte Empfehlungen:

Mehrere Methoden und Überprüfung der Formularübermittlung mit JS

JS-Übermittlungsformular wird von PHP abgelehnt. Wie kann ich das Problem lösen?

Kurze Beschreibung, wie ein Formular mit JavaScript übermittelt wird (Verwenden des JavaScript-Sendeformulars)

Das obige ist der detaillierte Inhalt vonMehrere Möglichkeiten zum Senden von Formularen mit JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：asm.js & webassembly-WEB HochleistungsrechnenNächster Artikel：asm.js & webassembly-WEB Hochleistungsrechnen

In Verbindung stehende Artikel

Mehr sehen