JS auf alle Textfelder erweitern

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • JS auf alle Textfelder erweitern

    Hallo,

    habe folgendes JS im Netzt gefunden (lässte die Eingabe von nur bestimmten Zeichen im Textefeld zu) das für meine Zwecke auch Ideal ist. Da ich aber mehrere Textfelder habe und das Script leider nur beim ersten Feld funktioniert brauche ich eine Hilfestellung zum abändern des JS.

    Gruß
    mactoni

    HTML-Quellcode

    1. <html>
    2. <head>
    3. <script type="text/javascript">
    4. MS_restrict_field = function(formname, id_or_name, chars) {
    6. var obj = (document.getElementById && document.getElementById(id_or_name) != null)
    7. ? document.getElementById(id_or_name) : ((document[formname][id_or_name] != null)
    8. ? document[formname][id_or_name] : '');
    10. if(obj.type == "text" || obj.type == "textarea") {
    12. obj.timer = "";
    13. obj.chars = chars;
    14. obj.onkeypress = obj.onkeydown = function() {
    15. var self = this;
    16. controll = function() {
    17. for(var t='',x=0; x<self.value.length; ++x) {
    18. if(self.chars.indexOf(self.value.charAt(x))>-1 ) {
    19. t += self.value.charAt(x);
    20. } else
    21. alert('Folgende Eingaben sind möglich:\n0 = Falsch\n1 = Richtig\n2 = keine Antwort')
    22. }
    23. self.value = t;
    25. };
    26. this.timer = setTimeout(controll,1);
    27. };
    28. obj.onkeyup = function() {
    29. clearTimeout(this.timer);
    30. };
    31. }
    32. };
    34. </script>
    35. </head>
    36. <body onLoad="MS_restrict_field('restrictform','chkfield','.012')">
    37. <form name="restrictform" >
    38. <input type="text" name="field" id="chkfield" />
    39. <input type="text" name="field" id="chkfield" />
    40. <input type="text" name="field" id="chkfield" />
    41. <input type="text" name="field" id="chkfield" />
    42. <input type="text" name="field" id="chkfield" />
    43. <input type="text" name="field" id="chkfield" />
    44. <input type="text" name="field" id="chkfield" />
    45. <input type="text" name="field" id="chkfield" />
    46. </form>
    47. </body>
    48. </html>
    Alles anzeigen

  • das ist mein letzter Stand:
    hier geht seltsamerweise immer nur jedes 2. Feld. Bin ratlos

    Quellcode

    1. <body onLoad="MS_restrict_field('restrictform','chkfield','.012')">
    2. <form name="restrictform" onkeyup="MS_restrict_field('restrictform','chkfield1','.012')">
    3. <input type="text" name="field" id="chkfield" />
    4. <input type="text" name="field" id="chkfield1" onkeyup="MS_restrict_field(this,'chkfield2','.012')" />
    5. <input type="text" name="field" id="chkfield2" onkeyup="MS_restrict_field(this,'chkfield3','.012')" />
    6. <input type="text" name="field" id="chkfield3" onkeyup="MS_restrict_field(this,'chkfield4','.012')" />
    7. <input type="text" name="field" id="chkfield4" onkeyup="MS_restrict_field(this,'chkfield5','.012')" />
    8. <input type="text" name="field" id="chkfield5" onkeyup="MS_restrict_field(this,'chkfield6','.012')" />
    9. <input type="text" name="field" id="chkfield6" onkeyup="MS_restrict_field(this,'chkfield7','.012')" />
    10. <input type="text" name="field" id="chkfield7" onkeyup="MS_restrict_field(this,'chkfield8','.012')" />
    11. <input type="text" name="field" id="chkfield7" onkeyup="if(this.form.chkfield.value.length == 2) {this.form.chkfield7.focus()}" />
    13. </form>
    14. </body>
    Alles anzeigen

  • Ok, nachdem ich den ganzen Nachmittag jetzt herumgetestet habe, hab ich nun endlich die Lösung gefunden, ob's elegant ist ist mir jetzt ganz egal, es funktioniert auf jeden Fall zuverlässig:

    HTML-Quellcode

    1. <html>
    2. <head>
    3. <script type="text/javascript">
    4. MS_restrict_field = function(formname, id_or_name, chars) {
    6. var obj = (document.getElementById && document.getElementById(id_or_name) != null)
    7. ? document.getElementById(id_or_name) : ((document[formname][id_or_name] != null)
    8. ? document[formname][id_or_name] : '');
    10. if(obj.type == "text" || obj.type == "textarea") {
    12. obj.timer = "";
    13. obj.chars = chars;
    14. obj.onkeypress = obj.onkeydown = function() {
    15. var self = this;
    16. controll = function() {
    17. for(var t='',x=0; x<self.value.length; ++x) {
    18. if(self.chars.indexOf(self.value.charAt(x))>-1 ) {
    19. t += self.value.charAt(x);
    20. } else
    21. alert('Folgende Eingaben sind möglich:\n0 = Falsch\n1 = Richtig\n2 = keine Antwort')
    22. }
    23. self.value = t;
    25. };
    26. this.timer = setTimeout(controll,1);
    27. };
    28. obj.onkeyup = function() {
    29. clearTimeout(this.timer);
    30. };
    31. }
    32. };
    34. function jumpToTextField(activeTextfield, nextTextfieldId) {
    35. if (activeTextfield.value.length > 0)
    36. document.getElementById(nextTextfieldId).focus();
    37. }
    40. </script>
    41. </head>
    42. <body onLoad="MS_restrict_field('restrictform','chkfield0','.012')">
    43. <form name="restrictform" >
    44. <input type="text" name="field" id="chkfield0" onkeyup="MS_restrict_field(this,'chkfield0','.012')"; jumpToTextField(this, 'chkfield1'); maxlength="1"/>
    45. <input type="text" name="field" id="chkfield1" onkeyup="MS_restrict_field(this,'chkfield1','.012')"; jumpToTextField(this, 'chkfield2'); maxlength="1"/>
    46. <input type="text" name="field" id="chkfield2" onkeyup="MS_restrict_field(this,'chkfield2','.012')"; jumpToTextField(this, 'chkfield3'); maxlength="1"/>
    47. <input type="text" name="field" id="chkfield3" onkeyup="MS_restrict_field(this,'chkfield3','.012')"; jumpToTextField(this, 'chkfield4'); maxlength="1"/>
    48. <input type="text" name="field" id="chkfield4" onkeyup="MS_restrict_field(this,'chkfield4','.012')"; jumpToTextField(this, 'chkfield5'); maxlength="1"/>
    49. <input type="text" name="field" id="chkfield5" onkeyup="MS_restrict_field(this,'chkfield5','.012')"; jumpToTextField(this, 'chkfield6'); maxlength="1"/>
    50. <input type="text" name="field" id="chkfield6" onkeyup="MS_restrict_field(this,'chkfield6','.012')"; jumpToTextField(this, 'chkfield7'); maxlength="1"/>
    51. <input type="text" name="field" id="chkfield7" onkeyup="MS_restrict_field(this,'chkfield7','.012')"; jumpToTextField(this, 'chkfield8'); maxlength="1"/>
    52. <input type="text" name="field" id="chkfield8" onkeyup="MS_restrict_field(this,'chkfield8','.012')"; jumpToTextField(this, 'chkfield9'); maxlength="1"/>
    54. </form>
    55. </body>
    56. </html>
    Alles anzeigen