Heim > Web-Frontend > js-Tutorial > Hauptteil

Senden Sie das Formular: So senden Sie das Formular in js

不言
Freigeben: 2018-07-18 15:46:16
Original
9443 Leute haben es durchsucht

Es gibt drei Möglichkeiten, Formulare in js zu senden. Eine besteht darin, die Schaltfläche „Senden“ zu verwenden, um die Übermittlung zu implementieren und das Onclick-Ereignis auszulösen Klicken Sie auf die Schaltfläche, um die Übermittlung zu implementieren, aber zuerst das Ereignis „onsubmit“ auszulösen.

Code-Implementierung des js-Übermittlungsformulars:

1. Verwenden Sie die Schaltfläche „Senden“, um die Übermittlung zu implementieren. Wenn auf die Schaltfläche „Senden“ geklickt wird, wird das Onclick-Ereignis ausgelöst und die Funktion in JavaScript bestimmt, ob Der Eingabeinhalt ist leer. Wenn er leer ist, geben Sie „false“ zurück und senden Sie ihn nicht an die durch die Aktion angegebene Adresse.

<script type="text/javascript">
         function check(form) {
              if(form.userId.value==&#39;&#39;) {
                    alert("请输入用户帐号!");
                    form.userId.focus();
                    return false;
               }
               if(form.password.value==&#39;&#39;){
                    alert("请输入登录密码!");
                    form.password.focus();
                    return false;
                 }
                 return true;
         }
</script>
<form action="login.do?act=login" method="post">
    用户帐号<input type=text name="userId" size="18" value="" ><br>
    登录密码<input type="password" name="password" size="19" value=""/>      
           <input type=submit name="submit1" value="登陆" onclick="return check(this.form)">  
</form>
Nach dem Login kopieren

2. Verwenden Sie die Schaltfläche, um die Übermittlung zu implementieren. Wenn auf die Schaltfläche geklickt wird, wird das Onclick-Ereignis ausgelöst. Wenn der Eingabeinhalt leer ist, gibt er false zurück Wenn es nicht leer ist, senden Sie es an die durch Aktion angegebene Adresse. Da die Schaltfläche keine automatische Übermittlungsfunktion hat, wird die Formularübermittlung direkt von js implementiert.

<script type="text/javascript">
         function check(form) {
              if(form.userId.value==&#39;&#39;) {
                    alert("请输入用户帐号!");
                    form.userId.focus();
                    return false;
               }
               if(form.password.value==&#39;&#39;){
                    alert("请输入登录密码!");
                    form.password.focus();
                    return false;
                }
                  document.myform.submit();
            }
    </script>
<form action="login.do?act=login" name="myform" method="post">
    用户帐号<input type=text name="userId" size="18" value="" ><br>
    登录密码<input type="password" name="password" size="19" value=""/>      
    <input type=button name="submit1" value="登陆" onclick="check(this.form)">  
</form>
Nach dem Login kopieren

3. Verwenden Sie die Schaltfläche „Senden“, um die Übermittlung zu implementieren. Wenn auf die Schaltfläche „Senden“ geklickt wird, wird zuerst das Ereignis „onsubmit“ ausgelöst und die Funktion in JavaScript ermittelt, ob der Eingabeinhalt leer ist Gibt „false“ zurück und sendet nicht. Wenn es nicht leer ist, senden Sie es an die durch die Aktion angegebene Adresse.

<script type="text/javascript">
         function check(form) {
              if(form.userId.value==&#39;&#39;) {
                    alert("请输入用户帐号!");
                    form.userId.focus();
                    return false;
               }
               if(form.password.value==&#39;&#39;){
                    alert("请输入登录密码!");
                    form.password.focus();
                    return false;
                }
                return true;
         }
</script>
<form action="login.do?act=login" method="post" onsubmit="return check(this)">
    用户帐号<input type=text name="userId" size="18" value="" ><br>
    登录密码<input type="password" name="password" size="19" value=""/>      
    <input type=submit name="submit1" value="登陆"> 
</form>
Nach dem Login kopieren

Verwandte Empfehlungen:

Der Unterschied zwischen js-Formularübermittlung und Übermittlungsübermittlung

Verwenden Sie js, um das Formular zu übermitteln

Das obige ist der detaillierte Inhalt vonSenden Sie das Formular: So senden Sie das Formular in js. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
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!