Grunge
Erfahrenes Mitglied
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:
Das sind die entsprechenden Zeilen zu den Fehlermeldungen:
486 in jQuery.js:
Aus der Validator.js:
Wenn ihr mehr braucht sagt bescheid.
So habe ich die ganzen Sachen eingebunden:
//footer:
//head:
ich hoffe ihr könnt mir weiterhelfen!
LG
NACHTRAG: Wenn ich die Funktion zur Validieren lösche, verschwindet der Jquery Fehler....
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
NACHTRAG: Wenn ich die Funktion zur Validieren lösche, verschwindet der Jquery Fehler....
Zuletzt bearbeitet: