Heim  >  Artikel  >  Web-Frontend  >  Senden Sie das Formular: So senden Sie das Formular in js

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

不言
不言Original
2018-07-18 15:46:169427Durchsuche

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>

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>

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>

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!

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