Bootstrap-Validierung funktioniert nicht

Ich versuche, mit Validierung mit bootstrap.
Ich versuchte Lösung als hier, sondern seine nicht funktioniert.

<form id="tryitForm" class="form-horizontal">
    <div class="form-group">
        <label class="col-md-3 control-label">Full name</label>
        <div class="col-md-4">
            <input type="text" class="form-control" name="firstName" />
        </div>
        <div class="col-md-4">
            <input type="text" class="form-control" name="lastName" />
        </div>
    </div>

    <div class="form-group">
        <label class="col-md-3 control-label">Email address</label>
        <div class="col-md-6">
            <input type="text" class="form-control" name="email" />
        </div>
    </div>

    <div class="form-group">
        <label class="col-md-3 control-label">Gender</label>
        <div class="col-md-6">
            <div class="radio">
                <label><input type="radio" name="gender" value="male" /> Male</label>
            </div>
            <div class="radio">
                <label><input type="radio" name="gender" value="female" /> Female</label>
            </div>
            <div class="radio">
                <label><input type="radio" name="gender" value="other" /> Other</label>
            </div>
        </div>
    </div>

    <div class="form-group">
        <div class="col-md-offset-3 col-md-8">
            <button type="submit" class="btn btn-primary">Say hello</button>
        </div>
    </div>
</form>

Habe ich Hinzugefügt, ordnungsgemäße js-Dateien finden Sie fiddle link.
Bitte helfen, zu wissen, was das problem ist.

wo ist der bootstrap plugin file, jquery.. kann nicht sehen, in Ihren Turnschuh und auch nicht in deinem post?
Hinzugefügt Jquery 1.8.3
zusätzlich zu dem, was andere schon gesagt haben, das plugin jqBootstrapValidation.min.js dass Sie in Ihrer fiddle ist nicht das gleiche plugin, dass Sie im Zusammenhang mit der Dokumentation. bootstrapValidator.min.js != jqBootstrapValidation.min.js Sie sind völlig verschiedene plugins

InformationsquelleAutor xrcwrn | 2014-07-02

  1. 4

    Dies ist ein arbeiten jsfiddle: http://jsfiddle.net/P28nR/1/

    Die Dinge, die fehlten oder falsch waren:

    • Sie nicht enthalten die jquery
    • Sie enthalten die falsche jquery bootstrap plugin. Die richtigen Dateien finden Sie unter den folgenden links:

    //cdnjs.cloudflare.com/ajax/libs/bootstrap-validator/0.4.5/css/bootstrapvalidator.min.css
    //cdnjs.cloudflare.com/ajax/libs/bootstrap-validator/0.4.5/js/bootstrapvalidator.min.js

    • Hinzufügen Sie nicht der javascript-Code konfigurieren und ausführen der validator-plugin

      $(document).ready(function() {
    $('#tryitForm').bootstrapValidator({
        feedbackIcons: {
            valid: 'glyphicon glyphicon-ok',
            invalid: 'glyphicon glyphicon-remove',
            validating: 'glyphicon glyphicon-refresh'
        },
        fields: {
            firstName: {
                validators: {
                    notEmpty: {
                        message: 'The first name is required and cannot be empty'
                    }
                }
            },
            lastName: {
                validators: {
                    notEmpty: {
                        message: 'The last name is required and cannot be empty'
                    }
                }
            },
            email: {
                validators: {
                    notEmpty: {
                        message: 'The email address is required'
                    },
                    emailAddress: {
                        message: 'The input is not a valid email address'
                    }
                }
            },
            gender: {
                validators: {
                    notEmpty: {
                        message: 'The gender is required'
                    }
                }
            }
        },
        submitHandler: function(validator, form, submitButton) {
            var fullName = [validator.getFieldElements('firstName').val(),
                            validator.getFieldElements('lastName').val()].join(' ');
            alert('Hello ' + fullName);
        }
    });
});
    Ihre Geige richtig funktioniert, Aber keine Anzeige der Bilder wie in http://bootstrapvalidator.com/ könnten Sie mir bitte sagen, wie Bild auch
    Ich erstellte eine aktualisierte fiddle jsfiddle.net/P28nR/1, legt die Symbole nach Einstellung der feedbackIcons - Eigenschaft für das Objekt Konfiguration des plugin.
    hat diese Lösung für Sie arbeiten?
    Arbeiten perfectally
    Ich versuche jsfiddle.net/xrcwrn/3bthv, aber es ist nicht die Validierung von Formular

    InformationsquelleAutor dmullings

  2. 1

    1. Du nicht jQuery eingebunden. Bootstrap-plugins benötigen jQuery.

    2. Haben Sie jqBootstrapValidation enthalten doppelt: Erstens der menschlich-lesbare version, dann die minified. Nur die minified version.

    3. Reihenfolge ist wichtig beim laden von externen JS-Bibliotheken. Load jQuery first, dann Bootstrap-Skripts, dann alle zusätzlichen plugins. JS ausgeführt wird, von oben nach unten, so dass Abhängigkeiten geladen werden müssen, bevor Skripts.

    InformationsquelleAutor gronostaj

Schreibe einen Kommentar