Ergebnis 1 bis 3 von 3
  1. #1
    EvilBen ist offline Doppel-As
    registriert
    30-08-2015
    Beiträge
    110

    Formvalidation funktioniert nicht

    Hallo Leute,

    seit mehreren Tagen versuche ich einen Fehler zu fixen und komme einfach nicht auf die Lösung.

    Ich versuche ein Registrierungsformular mit diesem Script zu validieren: Bootstrap 3 Contact form with Validation

    Das ding hat in der Vergangenheit auch immer funktioniert, nur irgendwie jetzt nicht mehr. (setze ne neue Seite auf)

    Als Fehler bekomme ich folgendes:
    [Error] RangeError: Maximum call stack size exceeded. toLength (jquery.js:2:486)

    TypeError: undefined is not an object (evaluating 'this.options.fields[g].validators') validateFieldElement (bootstrapvalidator.min.js:12:7424)

    Das sind die entsprechenden Zeilen zu den Fehlermeldungen:

    486 in jQuery.js:
    Code:
    // Flatten any nested arrays
            return concat.apply( [], ret );
    Aus der Validator.js:

    Code:
    h = this.options.fields[g].validators;
    Wenn ihr mehr braucht sagt bescheid.

    So habe ich die ganzen Sachen eingebunden:

    //footer:
    Code:
    <!-- JQuery -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <!-- Modernizer -->
    <script src="js/modernizer.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
    <!-- formvalidation -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-validator/0.4.5/js/bootstrapvalidator.min.js"></script>
    <!-- app -->
    <script src="app.bundle.min.js"></script>
    
    
    <!-- Validation Register -->
    <script>
      $(document).ready(function() {
        $('#register').bootstrapValidator({
           
            // To use feedback icons, ensure that you use Bootstrap v3.1.0 or later
            feedbackIcons: {
                valid: 'glyphicon glyphicon-ok',
                invalid: 'glyphicon glyphicon-remove',
                validating: 'glyphicon glyphicon-refresh'
            },
            fields: {
               email: {
                    validators: {
                        notEmpty: {
                            message: 'Please supply your email address'
                        },
                        emailAddress: {
                            message: 'Please supply a valid email address'
                        }
                    }
                }
               
                }
            })
            .on('success.form.bv', function(e) {
           
                //$('#success_message').slideDown({ opacity: "show" }, "slow") // Do something ...
                    $('#register').data('bootstrapValidator').resetForm();
    
                // Prevent form submission
                e.preventDefault();
    
                // Get the form instance
                var $form = $(e.target);
    
                // Get the BootstrapValidator instance
                var bv = $form.data('bootstrapValidator');
    
                // Use Ajax to submit form data
                $.post($form.attr('action'), $form.serialize(), function(result) {
                    console.log(result);
                }, 'json');
            });
    });
    
    </script>

    //head:

    Code:
    <!-- bootstrap 4.3.1 -->
      <link rel="stylesheet" href="css/vendor/bootstrap.min.css">
      <!-- styles -->
      <link rel="stylesheet" href="css/styles.min.css">
     
      <!-- favicon -->
      <link rel="icon" href="img/favicon.ico">
      <!-- Validator -->
      <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery.bootstrapvalidator/0.5.0/css/bootstrapValidator.min.css">
    ich hoffe ihr könnt mir weiterhelfen!

    LG

  2. #2
    Avatar von mikdoe
    mikdoe ist offline Administrator
    registriert
    01-05-2010
    Beiträge
    7.904

    AW: Formvalidation funktioniert nicht

    Hi!
    Kannst du das bitte mal reduzieren in ein JSFiddle
    Und gleich vorweg: besonders wenn man mehr als eine Lib verwendet (ist das in deinem Projekt wirklich zwingend nötig?) ist das $ als Kurzschreibweise schlechter les- und wartbar. Ich empfehle, es auszuschreiben.
    Das deutsche Javascript Forum http://forum.jswelt.de http://forum.jswelt.de/images/logoJsWeltForumV4_32x22.png

  3. #3
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.760

    AW: Formvalidation funktioniert nicht

    Wann kommt denn die Fehlermeldung genau?

Ähnliche Themen

  1. Formvalidation
    Von EvilBen im Forum JavaScript
    Antworten: 4
    Letzter Beitrag: 25-07-2017, 15:02
  2. [FRAGE] Sortierfunktion sortiert nicht und funktioniert nicht
    Von DavidP im Forum JavaScript
    Antworten: 2
    Letzter Beitrag: 07-03-2014, 02:45
  3. Antworten: 10
    Letzter Beitrag: 14-03-2012, 09:42
  4. IE 8 okay IE 7u funktioniert nicht
    Von franks im Forum JavaScript
    Antworten: 7
    Letzter Beitrag: 20-03-2010, 14:16
  5. Antworten: 6
    Letzter Beitrag: 22-10-2009, 12:39

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •