html script ausführen

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

Es gibt Neuigkeiten! Ab sofort könnt ihr dem Donators Club auf Lebenszeit beitreten.
Weitere Infos im Thema Donator's Club ab heute wieder verfügbar!

  • html script ausführen

    Moin,

    weis jemand warum der Button (von Bootstrap) nicht wieder enabled wird?

    Code:

    Quellcode

    1. button:
    2. <button id="regbtn" class="btn btn-success" disabled="disabled" type="submit" onclick = "sendAccountInfos(0)">Registrieren</button>
    3. script:
    4. $("input").keyup(function(){
    5. if-Abfrage funktioniert 100%{
    6. $("#regbtn").addClass('enabled');
    7. $("#regbtn").removeAttr('disabled');
    8. }else{
    9. $("#regbtn").addClass('disabled');
    10. $("#regbtn").removeAttr('enabled');
    11. }
    12. });
    Alles anzeigen
    Wenn die if Abfrage aufgerufen wird, wird der Button aber nicht wieder aktiviert.

    Wenn ich mit Google Chrome über die Console die Befehle einfüg, funktioniert es einwandfrei.

    Screenshot:

    am anfang so wie es sein soll, disabled:
    i.imglol.de/disabled68ivzwyb.png

    wenn ich die Befehle mit der Console eingebe, funktioniert es, es wird enabled:
    i.imglol.de/enableds3gp2r6t.png

    vielleicht kann mir einer von euch helfen =)
  • Habe mal aus jucks selbst versucht, bei mir geht es.


    Code hierfür...
    Spoiler anzeigen

    HTML-Quellcode

    1. <html lang="de">
    2. <head>
    3. <title>Moinsen!</title>
    4. <link href="css/bootstrap.min.css" rel="stylesheet">
    5. </head>
    6. <body>
    7. <center>
    8. <button class="btn btn-primary" data-toggle="modal" data-target="#openShowHideButton">Klick me!</button>
    9. </center>
    10. </body>
    11. <script src="js/jquery.js"></script>
    12. <script src="js/bootstrap.min.js"></script>
    13. <script type="text/javascript">
    14. $(document).ready(function(){
    15. $('.getFieldInput').keyup(function(){
    16. var field = $('.getFieldInput');
    17. if(field.val()){
    18. $('.pushButton').removeClass('disabled');
    19. } else {
    20. $('.pushButton').addClass('disabled');
    21. }
    22. });
    23. });
    24. </script>
    25. </html>
    26. <!--------------------------------------------------->
    27. <div id="openShowHideButton" class="modal fade" role="dialog">
    28. <div class="modal-dialog">
    29. <div class="modal-content">
    30. <div class="modal-header">
    31. <button type="button" class="close" data-dismiss="modal">&times;</button>
    32. <h4 class="modal-title">Test Modal</h4>
    33. </div>
    34. <div class="modal-body">
    35. <div class="form-group">
    36. <label for="TF">» Test Feld:</label>
    37. <input type="text" class="form-control getFieldInput" id="TF">
    38. </div>
    39. </div>
    40. <div class="modal-footer">
    41. <button type="button" class="btn btn-primary pushButton disabled">Registrieren</button>
    42. </div>
    43. </div>
    44. </div>
    45. </div>
    46. <!--------------------------------------------------->
    47. <style>
    48. body{
    49. margin: 20%;
    50. }
    51. </style>
    Alles anzeigen



    MfG
  • DoubleQ++ schrieb:

    Habe mal aus jucks selbst versucht, bei mir geht es.


    Code hierfür...
    Spoiler anzeigen

    HTML-Quellcode

    1. <html lang="de">
    2. <head>
    3. <title>Moinsen!</title>
    4. <link href="css/bootstrap.min.css" rel="stylesheet">
    5. </head>
    6. <body>
    7. <center>
    8. <button class="btn btn-primary" data-toggle="modal" data-target="#openShowHideButton">Klick me!</button>
    9. </center>
    10. </body>
    11. <script src="js/jquery.js"></script>
    12. <script src="js/bootstrap.min.js"></script>
    13. <script type="text/javascript">
    14. $(document).ready(function(){
    15. $('.getFieldInput').keyup(function(){
    16. var field = $('.getFieldInput');
    17. if(field.val()){
    18. $('.pushButton').removeClass('disabled');
    19. } else {
    20. $('.pushButton').addClass('disabled');
    21. }
    22. });
    23. });
    24. </script>
    25. </html>
    26. <!--------------------------------------------------->
    27. <div id="openShowHideButton" class="modal fade" role="dialog">
    28. <div class="modal-dialog">
    29. <div class="modal-content">
    30. <div class="modal-header">
    31. <button type="button" class="close" data-dismiss="modal">&times;</button>
    32. <h4 class="modal-title">Test Modal</h4>
    33. </div>
    34. <div class="modal-body">
    35. <div class="form-group">
    36. <label for="TF">» Test Feld:</label>
    37. <input type="text" class="form-control getFieldInput" id="TF">
    38. </div>
    39. </div>
    40. <div class="modal-footer">
    41. <button type="button" class="btn btn-primary pushButton disabled">Registrieren</button>
    42. </div>
    43. </div>
    44. </div>
    45. </div>
    46. <!--------------------------------------------------->
    47. <style>
    48. body{
    49. margin: 20%;
    50. }
    51. </style>
    Alles anzeigen


    MfG
    Vielen Dank für deine Hilfe, funktioniert nun :)