Script zur Abfrage von Formularen gesucht

kingbluetooth

Hallo,
leider habe ich noch kein besonders gutes Verständnis für JavaScript und muss noch eine Funktion in eine Webapp einbauen, welche ich mit Hilfe von jQuery Mobile geschrieben habe.
Die Funktion soll folgendes können:
Es gibt vier Formulare, welche abgefragt werden sollen,
- wenn in den vier Formularen jeweils die richtige (vorgegebene) Ziffer steht, soll auf eine andere Seite weitergeleitet werden
- in allen anderen Situationen soll eine Fehlermeldung erscheinen, der Nutzer solle doch die Eingabe überprüfen.

Ein solches Formular sieht bei mir im HTML bisher so aus:

HTML

<input type="number" name="3b" pattern="[0-9]*" id="number-pattern3" value="">

Wäre für hilfreiche Antworten dankbar.

Arne Drews

Hallo,

Mit "vier Formulare" meinst Du aber vier Formularfelder, oder?

Ausgehend davon, dass alle vier Felder eine ID nach dem Schema "number-patternX" haben, könntest Du das so lösen:

Code

var total = 0;


$( 'input[id^='number-pattern']' ).each( function() {


    total += Number( $(this).val() );


});


alert( total );

Alles anzeigen

ungetestet, aber sollte so funtionieren.

Gruß Arne

EDIT:
Obwohl ich sehe gerade, dass Du ja gar nicht summieren willst.
Na egal, den Zugriff auf die Felder hast ja dann jetzt

kingbluetooth

Danke erstmal, nein ich möchte sie nicht addieren sondern nur prüfen, also wenn ich das richtig verstanden habe, (auf die Gefahr hin, das das vollkommener Blödsinn ist) müsste dass dann in etwa so aussehen?

Code

var a = 7
var b = 2
var c = 9
var d = 8
$( 'input[id^='number-pattern']' ).each( function() {
   if ( a = Number( $(this).val() ); b = Number( $(this).val() ); c = Number( $(this).val() ); d = Number( $(this).val() ); ) {
 $("#sendenF3").click(function() {
$(location).attr('href',#Frage4);
});
else {
alert ("Eingabe Überprfüfen")}

Alles anzeigen

Zitat

Mit "vier Formulare" meinst Du aber vier Formularfelder, oder?

Genau!

Arne Drews

Hallo,

In etwa... Die Abfrage der Felder müsste in den click-Event und nicht umgekehrt.
Und mit = wird eine Zuweisung gemacht. Verwende für einen vergleich stattdessen ==

Code

var _aAnswers = [7,2,9,8];
var _bValid = true;








$( '#sendenF3' ).click( function(e) {




	e.preventDefault();
	_iCounter = 0;




	$( 'input[id^='number-pattern']' ).each( fucntion() {




		if ( Number($(this).val()) != _aAnswers[iCounter++] ) {




			_bValid = false;
			break;




		}




	});








	if ( _bValid ) window.location.href = $( '#Frage4' ).val();
	else alert( "Eingabe überprüfen" );




});

Alles anzeigen

Ob das jetzt im Detail korrekt ist, sei mal dahingestellt.
Ist jetzt nur aus der Hüfte getippert, aber der Weg sollte es sein.

Gruß Arne

kingbluetooth

Ok, das scheint ja wohl das Richtige für mich zu sein, aber woher weiß der Code, in welches Formularfeld welche Zahl gehört?
Ich hab das jetzt mal eingefügt, aber jetzt funktioniert mein gesamtes Script nicht mehr, Die Konsole sagt: "SyntaxError: missing ) after argument list". Hab schon versucht Klammern zu schließen, aber es hat sich nichts geändert, deswegen ist es jetzt erstmal wie es war..
Danke übrigens für die Hilfe, hätte erwartet, dass man mich hier mit Hinweis auf Google und Tutorials abweist. Die Funktion soll mein kleines Studienprojekt etwas ausschmücken und eigentlich ist JavaScript überhaupt nicht mein Fachgebiet.
Grüße

Edit:
Soll hier sein:

HTML

$("input[id^='number-pattern']").each(fucntion() {

Aber wo gehört die Klammer hin?

kingbluetooth

Hab's jetzt mit ein bisschen Hilfe gelöst, das ganze sieht jetzt so aus:

Code

var _aAnswers = [7,2,1,9,3];    var _bValid = true;
	 $("#sendenF3").click(function(e) {
		 var _bValid = true;
	e.preventDefault();
	var iCounter = 0;
	$("input[id^=number-pattern]").each(function() {
		if (Number($(this).val()) != _aAnswers[iCounter++] ) {
			_bValid = false;
			return false;
	}
	});
	if (_bValid ) window.location.href = "#Frage4";
	else alert( "Eingabe überprüfen" );
	});

Alles anzeigen

Grüße Michael

Arne Drews

Hallo,

Der Fehler mit der Klammer kam vermutlich von meinem Rechtschreibfehler fucntion anstatt function.

Gruß Arne

Script zur Abfrage von Formularen gesucht

Tags

Benutzer online in diesem Thema