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, 7368 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
Ähnliche Inhalte
Heiß diskutierte Inhalte
Switche und Hubs
LAG zwischen Cisco SG300 und Dlink DGS1100 herstellen - wie? (15)

Frage von White-Rabbit2 zum Thema Switche und Hubs ...

Hardware
Lenovo Yoga 500 über angeschlossene USB Tastatur booten (13)

Frage von thomasreischer zum Thema Hardware ...

Viren und Trojaner
Wie werde ich den Mist "fanli90" wieder los? (13)

Frage von Taumel zum Thema Viren und Trojaner ...

CPU, RAM, Mainboards
Hardware Fragen (12)

Frage von xaver-2 zum Thema CPU, RAM, Mainboards ...