Formvalidation funktioniert nicht

[EvilBen]

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:

// Flatten any nested arrays
        return concat.apply( [], ret );

Aus der Validator.js:

h = this.options.fields[g].validators;

Wenn ihr mehr braucht sagt bescheid.

So habe ich die ganzen Sachen eingebunden:

//footer:

<!-- 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:

<!-- 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

 

[mikdoe]

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.

 

[kkapsner]

Wann kommt denn die Fehlermeldung genau?