Funktion automatisch auf allen Felder ausführen @ tutorials.de: Tutorials, Forum & Hilfe

smyle · 21.04.10 13:48

Hallo, kann mir jemand sagen wie ich ein JS Funktion über alle textfelder laufen kann ohne das ich den Name des Textfeldes kenne?

Natürlich muss dies vor dem absenden des Formulares geschehen und wichtig ist;
Gibt ein Textfeld "false" zurück, so bleibt man auf der selben Seite und das Formular wurde nciht gesendet.Gibt es "true" zurück so wird das Formular gesendet.

Denn ich habe folgenden Javscript Code jedoch werden meine Textfelder mit PHP automatisch generiert und somit bekommen sie irgend einen generierten Namen.

HTML-Code:

<script language="javascript">
function feldleer(feld)
 {
  if(document.getElementById(feld).value != "" && document.getElementById("G"feld).value == "") 
 	{
	 alert("Bitte alle Felder ausfüllen");
	 return false;
	}
	
  else if(document.getElementById(feld).value == "" && document.getElementById(feld).value != "")
    {
	  alert("Bitte alle Felder ausfüllen");
	  return false;
	}
  else
    {
	 alert("OK");
	 return true;
	}
 }
function ists_zahl(wort) 
   { 
	  ist_zahl=true;

		   if(wort.length>=1 && wort.length<=4) 
		   	{  
			 for(n=0;n<wort.length;n++)
				{
					if(wort.charAt(n)>"6")
					 {
					 alert("Nur Zahlen von 1-6 sind möglich");
					 //ist_zahl=false;
					 return false;
					 }
				}
			}	
			else
			 {
			 alert("min 1 Zeichen oder max. 4 Zeichen müssen vorhanden sein");
			 //ist_zahl=false;
			 return false;		  
			 }
			 
		   if("G"wort.length>=1 && "G"wort.length<=4) 
		   	{  
			 for(n=0;n<"G"wort.length;n++)
				{
					if("G"wort.charAt(n)>"6")
					 {
					 alert("Nur Zahlen von 1-6 sind möglich");
					 //ist_zahl=false;
					 return false;
					 }
				}
			}	
			else
			 {
			 alert("min 1 Zeichen oder max. 4 Zeichen müssen vorhanden sein");
			 //ist_zahl=false;
			 return false;		  
			 }			  
		
   }
		
 function ueberpruefen(formular,feld)
 {
	if (feldleer(formular.feld) == true && feldleer(formular."G"feld) == true)
	    {
		 	wert1 = ists_zahl(formular.feld.value);
			wert2 = ists_zahl(formular."G"feld.value);
			
			if(wert1 == false || wert2 == false)
			 {
			  return false;
			 }
		}	
	else
	   {
	    alert ("Bitte alle Felder ausfüllen");
		return false;
	   }
	   	
 	return true;
 } 
</script>

***tombe*** · 21.04.10 14:00

Also wenn du sowieso mit PHP arbeitest, warum machst du dann die Prüfung nicht auch damit Wenn ich Java abgeschaltet hätte würde dein Formular gar nicht funktionieren oder zumindest wird es dann nicht geprüft.

**Quaese** · 21.04.10 14:03

Hi,

mit Hilfe der elements-Kollektion kannst du auf alle Formularfelder zugreifen. Feststellen, ob es sich um ein Textfeld handelt, kannst du, indem du prüfst, ob die type-Eigenschaft den Wert text enthält.

Beispiel:

Code :

<html>
<head>
<title>www.tutorials.de</title>
<meta name="author" content="Quaese">
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
  <!--
function checkIt(objForm){
  var arrElem = objForm.elements;
  for(var i=0; i<arrElem.length; i++){
    if((arrElem[i].type == "text") && (arrElem[i].value == ""))
      return false;
  }
  return true;
}
 //-->
</script>
</head>
<body>
<form action="auswertung.php" onsubmit="return checkIt(this);">
  <input type="text" name="txt_1" value="1">
  <input type="text" name="txt_2" value="2">
  <input type="text" name="txt_3" value="3">
  <input type="text" name="txt_4" value="">
  <input type="submit" value="senden">
</form>
</body>
</html>

Ciao
Quaese

smyle · 21.04.10 14:19

Also wenn du sowieso mit PHP arbeitest, warum machst du dann die Prüfung nicht auch damit

PHP ist Serverseitig, das heisst wenn ich etwas mit PHP überprüfen würde und ich dann auf den submit button klicke, würde "form action="*"" aktiviert werden und somit wären alle meine Eingaben verlohren.

Quaese, wie muss ich in diesem Fall meinen Code umändern, denn ich habe einen vergleich in der Fuktion felderleer(feld) :S?
Geht das überhaupt?

Code :

function feldleer(feld)
 {
  if(document.getElementById(feld).value != "" && document.getElementById("G"feld).value == "") 
    {
     alert("Bitte alle Felder ausfüllen");
     return false;
    }
    
  else if(document.getElementById(feld).value == "" && document.getElementById(feld).value != "")
    {
      alert("Bitte alle Felder ausfüllen");
      return false;
    }
  else
    {
     alert("OK");
     return true;
    }
 }
function ists_zahl(wort) 
   { 
      ist_zahl=true;
 
           if(wort.length>=1 && wort.length<=4) 
            {  
             for(n=0;n<wort.length;n++)
                {
                    if(wort.charAt(n)>"6")
                     {
                     alert("Nur Zahlen von 1-6 sind möglich");
                     //ist_zahl=false;
                     return false;
                     }
                }
            }   
            else
             {
             alert("min 1 Zeichen oder max. 4 Zeichen müssen vorhanden sein");
             //ist_zahl=false;
             return false;        
             }
             
           if("G"wort.length>=1 && "G"wort.length<=4) 
            {  
             for(n=0;n<"G"wort.length;n++)
                {
                    if("G"wort.charAt(n)>"6")
                     {
                     alert("Nur Zahlen von 1-6 sind möglich");
                     //ist_zahl=false;
                     return false;
                     }
                }
            }   
            else
             {
             alert("min 1 Zeichen oder max. 4 Zeichen müssen vorhanden sein");
             //ist_zahl=false;
             return false;        
             }            
        
   }
        
 function ueberpruefen(formular,feld)
 {
    if (feldleer(formular.feld) == true && feldleer(formular."G"feld) == true)
        {
            wert1 = ists_zahl(formular.feld.value);
            wert2 = ists_zahl(formular."G"feld.value);
            
            if(wert1 == false || wert2 == false)
             {
              return false;
             }
        }   
    else
       {
        alert ("Bitte alle Felder ausfüllen");
        return false;
       }
        
    return true;
 }

***tombe*** · 21.04.10 14:27

PHP ist Serverseitig, das heisst wenn ich etwas mit PHP überprüfen würde und ich dann auf den submit button klicke, würde "form action="*"" aktiviert werden und somit wären alle meine Eingaben verlohren.

Warum sollen die Eingaben verloren sein? Jeder der ein Formular hat und dieses dann logischerweise auch abschickt verarbeitet die Eingaben doch dann auch weiter. Es kommt nur darauf an wie du mit den GET/POST-Variablen umgehst.

Ach so: wie schon geschrieben Java kann ich abschalten die Prüfung via PHP nicht

Maik · 21.04.10 14:34

Zitat von tombe

Wenn ich Java abgeschaltet hätte

Zitat von tombe

Ach so: wie schon geschrieben Java kann ich abschalten

Java und Javascript haben soviel gemeinsam, wie Eishockey und Feldhockey

mfg Maik

smyle · 21.04.10 14:35

Ja schon, aber der Benutzer kann dann seine Eingaben, vor dem abspeichern in der DB nicht mehr ändern. oder doch?
wie würdest denn du das machen? Ich verstehe nicht was du genau meinst.

Nicht zu vergessen, ich habe im form eine action="*" beim wählen des subits wird man auf einem anderen link weitergeleitet und die Eingaben werden in der DB übernommen.

Java und Javascript haben soviel gemeinsam, wie Eishockey und Feldhockey

Stimmt

hihi

***tombe*** · 21.04.10 15:04

@Maik: Schon klar aber Java ist einfacher zu schreiben als Javascript

Wenn du mit GET arbeitest, kannst du auch wenn du auf eine andere Seite umleitest schreiben:

PHP-Code:


$fehler = 0;



IF(!isset($_GET["feld1"]) OR trim($_GET["feld1"]) == "") {

  $fehler = 1;

}



IF(!isset($_GET["feld2"]) OR trim($_GET["feld2"]) == "") {

  $fehler = 1;

}



IF ($fehler == 1) {

  echo "Es sind nicht alle Felder ausgefüllt";

  echo "<a href='formular.php?feld1=" .@$_GET["feld1"] ."&feld2=" .@$_GET["feld2"]>Fehler beheben</a>";

}

Auf der "Formularseite" gibst du bei den entsprechenden Feldern an:

PHP-Code:


<input type="text" name="feld1" value="<?php echo @$_GET['feld1']; ?>">

<input type="text" name="feld2" value="<?php echo @$_GET['feld2']; ?>">

Dann werden die vorhandenen Werte gleich wieder eingetragen.

Du kannst die Prüfung aber auch gleich auf der "Formularseite" machen. Einfach wie oben bei den Feldern die Variable $fehler auf 1 setzten wenn was nicht stimmt und wieder durch IF den entsprechenden Codeblock ausführen.

NACHTRAG: Das hier könnten dir auch helfen.

http://www.tutorials.de/forum/php-tu...erausgabe.html

http://www.tutorials.de/forum/php-tu...-springen.html

**Quaese** · 21.04.10 15:45

Hi,

du könntest die Funktion checkIt in ... aufrufen.

Code :

 function ueberpruefen(formular,feld)
 {
    if ([B]checkIt(formular)[/B])
        {
            wert1 = ists_zahl(formular.feld.value);
            wert2 = ists_zahl(formular."G"feld.value);
            
            if(wert1 == false || wert2 == false)
             {
              return false;
             }
        }   
    else
       {
        alert ("Bitte alle Felder ausfüllen");
        return false;
       }
        
    return true;
 }

Damit überprüfst du, ob alle Textfelder Inhalte besitzen.

Im Übrigen zweifel ich daran, dass

Code :

1	formular."G"feld

korrekt ist.

Ciao
Quaese

smyle · 21.04.10 16:38

hmm .. das wird warscheinlich nicht gehen, wegen den textfeldernamen. und ausserdüm müssen nicht alle felder ausgefüllt sein :S

Das mit dem PHP würd ev funktionierten aber da ich sehr viele Daten habe die man eintragen kann oder aus der DB ausgelesen wurden, wäre es besser wenn ich diese Variante vermeide..

Ach mann... das wir sehr schwer werden.

Kann ich den die JS funktionen auch direkt in den einzelnen feldern aufrufen?
und somit sagen, das beim klick von submit button dies überprüfen soll?

Maik · 21.04.10 17:19

Zitat von tombe

@Maik: Schon klar aber Java ist einfacher zu schreiben als Javascript

Sorry, so 'ne dämliche Ausrede hab ich auch noch nicht zu lesen bekommen

mfg Maik

**Quaese** · 21.04.10 17:24

Hi,

Hast du die Möglichkeiten, den Feldern ein Attribut mit zu geben?

In diesem Fall könntest du das Attribut alt zum Beispiel setzen und ihm den Wert must zuweisen. In der Funktion wird zusätzlich auf diesen Wert geprüft.

Beispiel:

Code :

<html>
<head>
<title>www.tutorials.de</title>
<meta name="author" content="Quaese">
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
  <!--
function checkIt(objForm){
  var arrElem = objForm.elements;
  for(var i=0; i<arrElem.length; i++){
    if((arrElem[i].type == "text") [B]&& (arrElem[i].alt == "must") [/B]&& (arrElem[i].value == ""))
      return false;
  }
  return true;
}
 //-->
</script>
</head>
<body>
<form action="get_formdata_test.php" onsubmit="return checkIt(this);">
  <input type="text" name="txt_1" value="1" [B]alt="must"[/B]>
  <input type="text" name="txt_2" value="">
  <input type="text" name="txt_3" value="3" [B]alt="must"[/B]>
  <input type="text" name="txt_4" value="" [B]alt="must"[/B]>
  <input type="submit" value="senden">
</form>
 
</body>
</html>

Im Übrigen würde ich auf eine zusätzliche Prüfung auf der Serverseite nicht verzichten. Die clientseitige Überprüfung mit JS sollte lediglich ein zusätzliches Feature sein.

Ciao
Qiaese

smyle · 16.07.10 10:12

Hallo

Ich möchte die checjIt Funktion wieder verwenden jedoch ein bisschen anders.

Code javascript:

function checkIt(objForm)
{
  alert(objForm);
  var arrElem = objForm.elements;
  for(var i=0; i<arrElem.length; i++)
  {
      if((arrElem[i].type == "text") && (arrElem[i].alt == "must") && (arrElem[i].value != ""))
       {
        //document.getElementsByName(arrElem)[i].style.disabled = false;   
        document.arrElem.style.disabled=false;
       }
  }
}

HTML-Code:

<html>
.....
<form method='post' action='insert.php?box=$id' onsubmit='return checkItdez(this);' name='formular'>
...
<?php
echo"<input type='text' $desabled size='5' maxlength='5' width='30' value='$note' name='$KID$na' class='decimal maximum6' style='visibility:visible' alt='must'/>";
?>
....
<input name="Bearbeiten" type="button" onClick="javascript:showbutton(); checkIt(formular);" value="Bearbeiten" style="text-align:center;color: rgb(255, 102, 0); font-size: 10pt;"/>
....
</form>
...
</html>

Wenn ein bestimmter Button gewählt ist, sollen alle Textfelder aus eine bestimmten Formular und alle Selectboxen von desabled auf enabled stellen (Button ist im selben Formular wie die Textfelder und Selectboxen).
Alle Felder sind standard auf desabled.

Mein Code funktioniert nicht ganz. Kann mir jemand sagen warum? was genau falsch ist?

**Quaese** · 16.07.10 11:02

Hi,

du kannst der Funktion die Referenz auf den Button übergeben. Dort kannst du prüfen, ob der Wert des Button mit dem gewünschten übereinstimmt. Im Misserfolgsfall verlässt du die Funktion wieder.

Anschliessend kannst du dich anhand der übergebenen Referenz zum Formular-Objekt hangeln. Von dort aus erstellst du wie gehabt das elements-Array, durchläufst dieses und setzt wie gewünscht die Eigenschaft disabled.

Beispiel:

Code :

<html>
<head>
<title>www.tutorials.de</title>
<meta name="author" content="Quaese">
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
  <!--
function checkIt(objBtn){
  // Falls nicht der richtige Button gedrückt wurde -> Funktion verlassen
  if(objBtn.value != "Bearbeiten") return false;
 
  var arrElem = objBtn.form.elements;
 
  for(var i=0; i<arrElem.length; i++){
    if((arrElem[i].type == "text") && (arrElem[i].alt == "must") && (arrElem[i].value != "")){
      arrElem[i].disabled = false;
    }
  }
}
 //-->
</script>
</head>
<body>
<form method='post' action='insert.php?box=$id' onsubmit='return false;' name='formular'>
  <input type='text' disabled="disabled" size='5' maxlength='5' width='30' value='123' name='txtFeld' class='decimal maximum6' style='visibility:visible' alt='must'>
  <input name="Bearbeiten" type="button" onClick="javascript:/*showbutton();*/ checkIt(this);" value="Bearbeiten" style="text-align:center;color: rgb(255, 102, 0); font-size: 10pt;"/>
</form>
</body>
</html>

Im Übrigen wäre es sehr angenehm, wenn du demnächst den geparsten HTML-Code bereitstellen würdest. Es ist für den Hilfeleistenden aufwendig, erst den PHP-Code in ein verarbeitbares Format überführen zu müssen. Für dich sind es nur ein paar Klicks.

Ciao
Quaese

smyle · 16.07.10 11:41

OK. Das funktioniert. Bis auf die Selectboxen. Diese werden ohne icht enabled:
Hier der Code, ohne php

HTML-Code:

<form method='post' action='insert.php?box=1' onsubmit='return checkItdez(this);' name='formular'>
<select name='S239' id='S239' style='width:56px;' width='30' disabled='disabled' title='must'>
 <option selected='selected' value='1'>1</option> 
<option value='2'>2</option>
<option value='3'>3</option>
<option value='4'>4</option>
<option value='5'>5</option>
<option value='6'>6</option>
<option value='7'>7</option>
<option value='8'>8</option>
</select>
<input name="Bearbeiten" type="button" onClick="javascript:showbutton(); checkIt(this);" value="Bearbeiten" style="text-align:center;color: rgb(255, 102, 0); font-size: 10pt;"/>
<form>

Code javascript:

function checkIt(objBtn){
  // Falls nicht der richtige Button gedrückt wurde -> Funktion verlassen
  if(objBtn.value != "Bearbeiten") return false;
 
  var arrElem = objBtn.form.elements;
 
  for(var i=0; i<arrElem.length; i++){
    if((arrElem[i].type == "text" || arrElem[i].type == "select") && (arrElem[i].alt == "must" || arrElem[i].title=="must") && (arrElem[i].value != "")){
      arrElem[i].disabled = false;
    }
  }
}

Ist meine überprüfung mit arrElem[i].type == "select" falsch.
Übrigens da man einer selectbox kein "alt" Attribut übergeben kann, habe ich dort title angegeben. Daher das arrElem[i].title=="must" .

tut orials.de	tut verbinden	tut dir helfen	tut kooperieren
©2000-2012 tutorials.de Alle Rechte vorbehalten	tut informieren » Impressum » Nutzungsregeln » Netiquette » Team » Redaktion	» Tutorials » Videotutorials » Showroom » Events & Contests » Chat » RSS-Feed » Blogs	» der-webdesigner.net » DesignerInAction » Design Nation » Directorforum » Flashhilfe » PHP-Resource » PHPwelt » PSD-Tutorials

Themen-Optionen

Anzeige

Ähnliche Themen

fscommand menu=false: Funktion bei allen Playern ?

Zwei ID Felder in der DB die sie automatisch hochzählen

Form-Felder automatisch auswählen

Input-Felder automatisch wechseln

Felder automatisch füllen

E-Mail:

Abonnieren Abbestellen