Heim > Web-Frontend > js-Tutorial > Wir teilen drei Methoden zur Überprüfung des JavaScript-Übermittlungsformulars

Wir teilen drei Methoden zur Überprüfung des JavaScript-Übermittlungsformulars

黄舟
Freigeben: 2017-11-18 14:58:50
Original
2133 Leute haben es durchsucht

In unserem vorherigen Artikel haben wir Ihnen verschiedene Methoden von JavaScript zur Implementierung der Formularübermittlung vorgestellt. Wir alle wissen, dass vor der Formularübermittlung eine Überprüfung erforderlich ist, daher stellen wir Ihnen heute drei Methoden vor Absenden des Formulars nach der JS-Überprüfung.
Erster Typ:

<script type="text/javascript">
         function check(form) {
          if(form.userId.value==&#39;&#39;) {
                alert("请输入用户帐号!");
                form.userId.focus();
                return false;
           } www.jbxue.com
       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

Zweiter Typ

<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> www.jbxue.com
 登录密码      
<input type="password" name="password" size="19" value=""/>      
 <input type=submit name="submit1" value="登陆"> 
</form>
Nach dem Login kopieren

Nein Typen:

<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

Zusammenfassung:

Ich glaube, dass Sie nach dem Studium dieses Artikels ein gewisses Verständnis von JavaScript haben werden Formular zur Bestätigungsübermittlung Mit Ihrem Verständnis können Sie basierend auf dem Inhalt dieses Artikels weitere Erweiterungen vornehmen, damit dieser Artikel andere inspirieren kann!

Verwandte Empfehlungen

Mehrere Möglichkeiten, Formulare mit JavaScript einzureichen

Beispiel für ein Javascript-Verarbeitungsformular (Javascript-Übermittlungsformular)

Eine kurze Beschreibung, wie ein Formular mit JavaScript übermittelt wird (Verwenden von JavaScript Submit). Formular)

Das obige ist der detaillierte Inhalt vonWir teilen drei Methoden zur Überprüfung des JavaScript-Übermittlungsformulars. 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