input feld focusieren

jens76 · 10.05.2010, 14:35

hallo,

ich habe für eine größere sache ein kleines testscript zusammengeschrieben.
das ganze soll wie folgt funktionieren:

wenn man per maus oder per tab-taste das Feld 2 verläßt wird auf ein engl.Datum geprüft. (prüfung noch bissl buggy aber geht!).
sollte die Prüfung negativ ausfallen soll das Feld 2 gelscht werden und der Cursor wieder in das Feld gesetzt werden.
Löschen geht, aber focus nicht.

Kann mir jemand weiterhelfen wieso?

hier der quellcode:

PHP-Code:

  Feld 3: <input id="date3" type="text" name="date3" value=""  tabindex="1" /><br>
Feld 1: <input id="date" type="text" name="date" value="2001-11-11" onchange="test();" /><br>
Feld 2: <input id="date2" type="text" name="date2" value=""  /><br>



<script language="javascript">
document.getElementById("date").focus();


function test() {
    var wert = document.getElementById('date').value;
    var www = string2date(wert);
    if (www == false) {
        document.getElementById("date").focus();
        alert(document.getElementById("date").value);
    } else {
        alert('true');
    }
}

function string2date(string) {
    if(!string) return null;
    string += '';
    string = string.replace(/[./]/g, '-'); // Trennzeichen normalisieren
    string = string.replace(/[^0-9-: ]/g, ''); // ungültige Zeichen entfernen
    string = string.replace(/ +/g, ' '); // doppelte Leerzeichen entfernen
    
    var uhr = string.split(" "); // Uhrzeit abtrennen
    var split = uhr[0].split("-");
    
    var year = parseInt(split[0], 10);
    var month = parseInt(split[1] || 0, 10);
    var day = parseInt(split[2] || 0, 10);
    
    if(isNaN(year)) year = getFullYear();
 
    var check = new Date(year, month - 1, day);
    if(uhr[1]) {
         var uhr = uhr[1].split(':');
         check.setHours( uhr[0] || 0 );
         check.setMinutes( uhr[1] || 0 );
         check.setSeconds( uhr[2] || 0 );
    }

    var day2 = check.getDate();
    var year2 = getFullYear(check);
    var month2 = check.getMonth() + 1;

    return ( year2 == year && month == month2 && day == day2 ) ? true  : false;
}

function getFullYear(date){
    if(!date) date = new Date();
    if(typeof date.getFullYear != 'undefined') return date.getFullYear();
    var year = date.getYear();
    if(year < 1000) year += 2000;
    return year;
}

</script>

wolf29 · 10.05.2010, 14:37

Hi.

Let me google that for you

Wolf29

jens76 · 10.05.2010, 14:58

he ich weiß wie man google bedient!
und da steht auch die lösung!

siehe:

PHP-Code:

  <script language="javascript">
document.getElementById("date").focus();
...

mein problem ist aber ein anderes...
ich verlasse ein feld mit der tab taste..
dann wird das datum geprüft..
und wenn es negativ ist, soll der cursor wieder ins feld springen.
er feht aber ins feld 3

und das versteh ich nicht! wieso?

nikosch · 10.05.2010, 15:38

Ich würd das sowiso lassen. Wenn ich als Nutzer auf ein Form stoße, das mich störrisch in ein Feld zwingt, gebe ich schnell mal ne neue URL in die Adresszeile ein. Usablility ja, Nutzerzwang nein.

jens76 · 10.05.2010, 17:46

danke für die konstruktive Kritik, aber darum geht es nicht...
das Ganze soll schon so funktionieren. leider tut es das nicht.

und die Frage ist wieso...!?!?!

wäre nett wenn mir da mal jemand Auskunft geben könnte.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Variable an ein Input Feld übergeben.	Rubio	JavaScript, Ajax und mehr	5	18.03.2010 08:25
input Feld = inhalt löschen bei Klick auf Bild	lord_icon	JavaScript, Ajax und mehr	3	28.01.2010 11:53
Kalender PopUp und Datum nach Input Feld übertragen ( ICEFaces )	da.eXecutoR	JavaScript, Ajax und mehr	6	19.08.2009 16:14
php input feld hinzufügen	bajo	PHP Tipps 2009	4	03.06.2009 18:45
input text oder textarea feld inhalt mit einem klick löschen	noskule	HTML, Usability und Barrierefreiheit	10	26.05.2009 21:47
[Erledigt] In Input Feld schreiben	Bully	JavaScript, Ajax und mehr	2	27.02.2009 13:55
[Erledigt] Name im input Feld soll Datei anlegen!	sensimillia	PHP Tipps 2009	16	11.02.2009 01:23
Width Problem bei input und text Feld	suter	HTML, Usability und Barrierefreiheit	2	14.02.2007 14:03
Input feld sperren	Marian	HTML, Usability und Barrierefreiheit	12	03.09.2006 13:10
Cursorfokus automatisch in ein Input Feld setzen	DDogg	HTML, Usability und Barrierefreiheit	5	17.05.2006 22:48
[Erledigt] nach x zeichen ins nächste input feld springen		HTML, Usability und Barrierefreiheit	3	13.12.2005 11:21
wie kann ich von einem JS eingabe feld in ein input schreibe	LA-Finest	HTML, Usability und Barrierefreiheit	2	07.06.2005 10:21
input feld nicht änder bar		HTML, Usability und Barrierefreiheit	3	26.12.2004 18:32
text in ein input feld rein schreiben		HTML, Usability und Barrierefreiheit	4	30.10.2004 12:45
Hochkommas in Input Feld		PHP Tipps 2004	3	12.06.2004 15:54

10.05.2010, 14:35
jens76 Erfahrener Benutzer Registriert seit: 27.08.2007 Beiträge: 391	input feld focusieren hallo, ich habe für eine größere sache ein kleines testscript zusammengeschrieben. das ganze soll wie folgt funktionieren: wenn man per maus oder per tab-taste das Feld 2 verläßt wird auf ein engl.Datum geprüft. (prüfung noch bissl buggy aber geht!). sollte die Prüfung negativ ausfallen soll das Feld 2 gelscht werden und der Cursor wieder in das Feld gesetzt werden. Löschen geht, aber focus nicht. Kann mir jemand weiterhelfen wieso? hier der quellcode: PHP-Code: Feld 3: <input id="date3" type="text" name="date3" value="" tabindex="1" /><br> Feld 1: <input id="date" type="text" name="date" value="2001-11-11" onchange="test();" /><br> Feld 2: <input id="date2" type="text" name="date2" value="" /><br> <script language="javascript"> document.getElementById("date").focus(); function test() { var wert = document.getElementById('date').value; var www = string2date(wert); if (www == false) { document.getElementById("date").focus(); alert(document.getElementById("date").value); } else { alert('true'); } } function string2date(string) { if(!string) return null; string += ''; string = string.replace(/[./]/g, '-'); // Trennzeichen normalisieren string = string.replace(/[^0-9-: ]/g, ''); // ungültige Zeichen entfernen string = string.replace(/ +/g, ' '); // doppelte Leerzeichen entfernen var uhr = string.split(" "); // Uhrzeit abtrennen var split = uhr[0].split("-"); var year = parseInt(split[0], 10); var month = parseInt(split[1] \|\| 0, 10); var day = parseInt(split[2] \|\| 0, 10); if(isNaN(year)) year = getFullYear(); var check = new Date(year, month - 1, day); if(uhr[1]) { var uhr = uhr[1].split(':'); check.setHours( uhr[0] \|\| 0 ); check.setMinutes( uhr[1] \|\| 0 ); check.setSeconds( uhr[2] \|\| 0 ); } var day2 = check.getDate(); var year2 = getFullYear(check); var month2 = check.getMonth() + 1; return ( year2 == year && month == month2 && day == day2 ) ? true : false; } function getFullYear(date){ if(!date) date = new Date(); if(typeof date.getFullYear != 'undefined') return date.getFullYear(); var year = date.getYear(); if(year < 1000) year += 2000; return year; } </script>


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

10.05.2010, 14:37
wolf29 Erfahrener Benutzer Registriert seit: 17.03.2010 Beiträge: 1.833 PHP-Kenntnisse: Fortgeschritten	Hi. Let me google that for you Wolf29 __________________ while (!asleep()) sheep++; Unterschätze nie jemanden der einen Schritt zurück geht! Er könnte Anlauf nehmen.

10.05.2010, 14:58
jens76 Erfahrener Benutzer Registriert seit: 27.08.2007 Beiträge: 391	he ich weiß wie man google bedient! und da steht auch die lösung! siehe: PHP-Code: `<script language="javascript"> document.getElementById("date").focus(); ...` mein problem ist aber ein anderes... ich verlasse ein feld mit der tab taste.. dann wird das datum geprüft.. und wenn es negativ ist, soll der cursor wieder ins feld springen. er feht aber ins feld 3 und das versteh ich nicht! wieso?

10.05.2010, 15:38
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Ich würd das sowiso lassen. Wenn ich als Nutzer auf ein Form stoße, das mich störrisch in ein Feld zwingt, gebe ich schnell mal ne neue URL in die Adresszeile ein. Usablility ja, Nutzerzwang nein. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

10.05.2010, 17:46
jens76 Erfahrener Benutzer Registriert seit: 27.08.2007 Beiträge: 391	danke für die konstruktive Kritik, aber darum geht es nicht... das Ganze soll schon so funktionieren. leider tut es das nicht. und die Frage ist wieso...!?!?! wäre nett wenn mir da mal jemand Auskunft geben könnte.