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

  • 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
    Entwickler mit <3

    Kontakt - Discord

    DoubleQ++#2291
  • 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 :)