Heim > Artikel > Web-Frontend > So implementieren Sie die Validierung von Formular-Kontrollkästchen in JavaScript

So implementieren Sie die Validierung von Formular-Kontrollkästchen in JavaScript

青灯夜游Original: 2018-11-09 17:38:223546Durchsuche

Der Inhalt dieses Artikels besteht darin, die Implementierung der Kontrollkästchenüberprüfung des Formulars in js vorzustellen. Beim Absenden des Formulars wird beurteilt, ob das Kontrollkästchen aktiviert ist. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird Ihnen hilfreich sein.

js implementiert die Validierung von Formular-Kontrollkästchen

Wenn wir auf der Website einige Formulare wie Registrierung usw. einreichen, wird unten eine Anfrage für Personen angezeigt „Akzeptieren Sie die Allgemeinen Geschäftsbedingungen“ oder ähnliches. Wenn Sie nicht einverstanden sind (nicht auswählen), können Sie das Formular grundsätzlich nicht absenden.

Wie implementiert man eine solche Funktion?

Mit Vanilla-JavaScript können wir die Formularübermittlung verhindern, wie unten gezeigt:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>js实现表单的复选框验证</title>
		<script type="text/javascript">
			function checkForm(form) {
				if(!form.terms.checked) {
					alert("请注明接受条款和条件。");
					form.terms.focus();
					return false;
				}
				return true;
			}
		</script>
	</head>

	<body>

		<form id="example1" method="POST" action="" onsubmit="return checkForm(this) && alert(&#39;成功!&#39;);">

			<p><input id="field_terms" type="checkbox" name="terms">
				<label for="field_terms">我接受 <u>条款和条件</u></label></p>
			<span><input type="submit"></span>

		</form>

	</body>

</html>

Rendering:

So implementieren Sie die Validierung von Formular-Kontrollkästchen in JavaScript

Fertig, Sie können es selbst ausprobieren!

Zusammenfassung: Das Obige ist der gesamte Inhalt dieses Artikels, ich hoffe, dass er für das Studium aller hilfreich sein wird.

Das obige ist der detaillierte Inhalt vonSo implementieren Sie die Validierung von Formular-Kontrollkästchen in 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：CSS + JS realisiert den Folienanimationseffekt zum Umschalten der vertikalen Drehung (mit Code)Nächster Artikel：CSS + JS realisiert den Folienanimationseffekt zum Umschalten der vertikalen Drehung (mit Code)

In Verbindung stehende Artikel

Mehr sehen