Top-Themen

AppleEntwicklungHardwareInternetLinuxMicrosoftMultimediaNetzwerkeOff TopicSicherheitSonstige SystemeVirtualisierungWeiterbildungZusammenarbeit

Aktuelle Themen

Administrator.de FeedbackApache ServerAppleAssemblerAudioAusbildungAuslandBackupBasicBatch & ShellBenchmarksBibliotheken & ToolkitsBlogsCloud-DiensteClusterCMSCPU, RAM, MainboardsCSSC und C++DatenbankenDatenschutzDebianDigitiales FernsehenDNSDrucker und ScannerDSL, VDSLE-BooksE-BusinessE-MailEntwicklungErkennung und -AbwehrExchange ServerFestplatten, SSD, RaidFirewallFlatratesGoogle AndroidGrafikGrafikkarten & MonitoreGroupwareHardwareHosting & HousingHTMLHumor (lol)Hyper-VIconsIDE & EditorenInformationsdiensteInstallationInstant MessagingInternetInternet DomäneniOSISDN & AnaloganschlüsseiTunesJavaJavaScriptKiXtartKVMLAN, WAN, WirelessLinuxLinux DesktopLinux NetzwerkLinux ToolsLinux UserverwaltungLizenzierungMac OS XMicrosoftMicrosoft OfficeMikroTik RouterOSMonitoringMultimediaMultimedia & ZubehörNetzwerkeNetzwerkgrundlagenNetzwerkmanagementNetzwerkprotokolleNotebook & ZubehörNovell NetwareOff TopicOpenOffice, LibreOfficeOutlook & MailPapierkorbPascal und DelphiPeripheriegerätePerlPHPPythonRechtliche FragenRedHat, CentOS, FedoraRouter & RoutingSambaSAN, NAS, DASSchriftartenSchulung & TrainingSEOServerServer-HardwareSicherheitSicherheits-ToolsSicherheitsgrundlagenSolarisSonstige SystemeSoziale NetzwerkeSpeicherkartenStudentenjobs & PraktikumSuche ProjektpartnerSuseSwitche und HubsTipps & TricksTK-Netze & GeräteUbuntuUMTS, EDGE & GPRSUtilitiesVB for ApplicationsVerschlüsselung & ZertifikateVideo & StreamingViren und TrojanerVirtualisierungVisual StudioVmwareVoice over IPWebbrowserWebentwicklungWeiterbildungWindows 7Windows 8Windows 10Windows InstallationWindows MobileWindows NetzwerkWindows ServerWindows SystemdateienWindows ToolsWindows UpdateWindows UserverwaltungWindows VistaWindows XPXenserverXMLZusammenarbeit
GELÖST

Enter Taste TEILWEISE im Formular blockieren?

Frage Entwicklung Webentwicklung

Mitglied: Unitet20

Unitet20 (Level 1) - Jetzt verbinden

16.01.2009, aktualisiert 10:01 Uhr, 7355 Aufrufe, 2 Kommentare

Moin!
Ich weiß das es im Web unzählige Foren-Beiträge zu dem Thema gibt.
Allerdings habe ich eine wirklich praktikable Lösung dafür noch nicht gesehen...
Zumindest keine die das kann, was ich vorhabe...

Also fange ich mal an...

Das Problem:
Wenn Jemand in einem HTML Formular auf Enter drückt, wird das Formular abgeschickt!

Meine Wunschlösung:
Die Enter Taste nur in MANCHEN Input Feldern blockieren und durch einen Tabulator "ersetzen" ...
Warum nur in Manchen Feldern?

Ganz einfach:
Ich habe für die Firma ein Web- Urlaubsformular programmiert...
Das hat dementsprechend einiges an input und textfeldern...
In den Input-Feldern soll nun die Enter Taste gesperrt werden, damit das Formular nicht versehentlich verschickt wird.
In den Textfeldern soll die Enter Taste alleridngs noch funtkionieren, damit man darin auch einen Zeilenumbruch bewerkstelligen kann.

Die Einzige Lösung die ich bisher gefunden habe und zu Opera, FF und IE kompatibel ist, Blockiert die Enter-Taste allerdings im kompletten Formular.

01.
<script language="JavaScript"> 
02.
document.onkeydown = checkKeycode 
03.
function checkKeycode(e) { 
04.
var keycode; 
05.
if (window.event) keycode = window.event.keyCode; 
06.
else if (e) keycode = e.which; 
07.
alert("keycode: " + keycode); 
08.
09.
</script>
Allerdings bin ich nun nicht so der JS-Held um daraus zu bauen was ich gerne hätte.
Daher brauche ich da ein bisschen Hilfe.

Meint ihr das kann man irgendwie Lösen?
Oder suche ich hier nach dem Heiligen-Grahl der Formular-Erstellung? ;)

Lieben Gruß und Danke schonmal für eure Antworten!
Unitet20
Mitglied: Unitet20
16.01.2009 um 11:38 Uhr
Okay, ein bisschen weiter bin ich schon...

Formular
01.
<form name="test" action="irgendwas" method="post"> 
02.
<input type="text" name="eingabe1" onkeypress="catchKeycode(event.keyCode)"><br> 
03.
<input type="text" name="eingabe2" onkeypress="catchKeycode(event.keyCode)"><br> 
04.
<input type="text" name="eingabe3" onkeypress="catchKeycode(event.keyCode)"><br> 
05.
<input type="text" name="eingabe4" onkeypress="catchKeycode(event.keyCode)"><br> 
06.
<input type="submit" name="submit" value="Senden">
JS-Funktion
01.
function catchKeycode(k) { 
02.
    if(k == 13){ 
03.
        alert(k); 
04.
05.
}
So kann ich aufjedenfall aus allen aktuellen Browserversionen von IE, FF und Opera den keyCode abfragen...

Allerdings weiß ich nun nicht, wie ich es schaffe, das statt der KeyCode =13 die KeyCode = 9 ausgeführt wird...
Kann mir da einer weiterhelfen? ^^ Oder muss ich mich nun erstmal komplett ins Thema JS einlesen? ;)

Lieben Gruß
Uni
Bitte warten ..
Mitglied: Unitet20
20.01.2009 um 15:08 Uhr
Okay, habs allein gelöst...
Musste mich zwar erst ein bisschen ins Thema JS einlesen, aber was solls.

Ist warscheinlich nicht die beste Lösung, denn IE meckert wegen "Active X Komponenten" aber in unserem Intranet sind die Sicherheitseinstellungen nicht so hoch und da gibts dann keine Meldung...

Also meine Lösung ist folgende:


Formular:

01.
<form name="test" action="irgendwas" method="post">  
02.
    <input type="text" name="eingabe1" onkeypress="return catchKeycode(form, event.keyCode, 1, 4)"><br>  
03.
    <input type="text" name="eingabe2" onkeypress="return catchKeycode(form, event.keyCode, 2, 4)"><br>  
04.
    <input type="text" name="eingabe3" onkeypress="return catchKeycode(form, event.keyCode, 3, 4)"><br>  
05.
    <input type="text" name="eingabe4" onkeypress="return catchKeycode(form, event.keyCode, 4, 4)"><br>  
06.
    <input type="submit" name="submit" value="Senden">

JS-Funktion

01.
function catchKeycode(f, eventCode, pos, end){ 
02.
    if(eventCode == 13){      // Wenn enter gedrückt 
03.
        pos = pos+1 // NR des nächsten Input-Felds 
04.
        if(pos <= end){ 
05.
             f.elements['eingabe['+pos+']'].focus(); // Springe zu nächstem Input feld 
06.
07.
        return false; // Event = ENTER nicht ausführen 
08.
09.
    else{ 
10.
        return true; // Jede andere Taste ist OK 
11.
12.
}
Ist wie gesagt nur eine Bastellösung die für meine Zwecke reicht...
Aber vielleicht bastelt der ein oder Andere daraus noch was sinnvolleres, oder findet hier die nötigen Infos zu "Weiterverarbeitung" ...

NACHTRAG: Die Funktion habe ich mit Opera 9.6, Firefox 3.0.5 und Internet Explorer 7.0.6001.18000 getestet.

Gruß
Unitet20

-case closed-
Bitte warten ..
Neuester Wissensbeitrag
Humor (lol)

Linkliste für Adventskalender

(3)

Information von nikoatit zum Thema Humor (lol) ...

Ähnliche Inhalte
Linux Userverwaltung
Enter-Taste verschafft Angreifern Root-Rechte auf verschlüsselten Systemen (1)

Link von magicteddy zum Thema Linux Userverwaltung ...

Microsoft Office
Formular Autofill - Infopath (1)

Frage von TlBERlUS zum Thema Microsoft Office ...

Windows 10
gelöst Microsoft Konten blockieren Gruppenrichtlinien (7)

Frage von markaurel zum Thema Windows 10 ...

Heiß diskutierte Inhalte
Exchange Server
gelöst Exchange 2010 Berechtigungen wiederherstellen (20)

Frage von semperf1delis zum Thema Exchange Server ...

Windows Server
DHCP Server switchen (20)

Frage von M.Marz zum Thema Windows Server ...

Hardware
gelöst Negative Erfahrungen LAN-Karten (19)

Frage von MegaGiga zum Thema Hardware ...

Exchange Server
DNS Einstellung - zwei feste IPs für Mailserver (15)

Frage von ivan0s zum Thema Exchange Server ...