Heim > Web-Frontend > js-Tutorial > Hauptteil

jquery implementiert die Formularvalidierung und verhindert illegale Übermittlungen

PHPz
Freigeben: 2018-10-12 17:35:24
Original
1328 Leute haben es durchsucht

Dieser Artikel zeigt Ihnen den Code zur Verwendung von jquery zur Implementierung der Formularüberprüfung und zur Verhinderung illegaler Übermittlungen. Ich empfehle ihn meinen Freunden als Referenz.

Der Code erkennt die Länge des ausgefüllten Textbereichs und fordert Sie auf, ihn erneut auszufüllen. Wenn er weniger als 15 Zeichen umfasst, wird er Sie dazu auffordern länger als 15 Zeichen sein. Bei Erfolg werden die ausgefüllten Vorschläge angezeigt.

<script type="text/javascript">
//jQuery代码
function confirm()
{
  if($("#advice").val().length == 0)
{
  alert("We can&#39;t see your advice. Maybe you should fill the form first.");
  $("#advice").focus();
  return false;
}
else if($("#advice").val().length <= 15)
{
  alert("Your advice should longer than 15 letters.");
  $("#advice").focus();
  return false;
}
else
{
  alert("Thank you for your advice! You will get out reply in 24 hours for advice:\n"+$("#advice").val());
  return true;
}
}
</script>
<form action="" method="post" onSubmit="return confirm();" >
  <textarea id="advice" rows="20" cols="50"placeholder="Give us some advice?"></textarea>
   <input type="submit"value="Thank you"/>
</form>
Nach dem Login kopieren

>Wichtige Punkte

1. Das Wort „return“ muss vorhanden sein.
2. Vervollständigen Sie die Webseitenstruktur selbst.

Das Obige ist der gesamte Inhalt dieses Artikels, ich hoffe, er gefällt euch allen.

Weitere verwandte Tutorials finden Sie unter JavaScript-Tutorial

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