Ergebnis 1 bis 2 von 2
  1. #1
    EvilBen ist offline Foren As
    registriert
    30-08-2015
    Beiträge
    97

    Jquery Altercheck

    Hey Leute,

    ich bastel grad ein wenig mit Bootstrap rum, und da habe ich ein Script gefunden, was mithilfe von Jquery das Formular checkt, und ggf. absendet.
    Zu Hilfe nehme ich mir dabei dieses schöne Script:
    http://cdnjs.cloudflare.com/ajax/lib...apvalidator.js

    Eingebunden sieht das ganze dann so aus:

    Code:
    $(document).ready(function() {
        $('#reg_form').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: {
                reg_vorname: {
                    validators: {
                            stringLength: {
                            min: 3,
    							message: 'Gebe bitte einen Vornamen ein'
                        },
                            notEmpty: {
                            message: 'Gebe deinen Vornamen ein'
                        }
                    }
                },
                 reg_nachname: {
                    validators: {
                         stringLength: {
                            min: 3,
    							message: 'Gebe bitte einen Nachnamen ein'
    
                        },
                        notEmpty: {
                            message: 'Gebe deinen Nachnamen ein'
                        }
                    }
                },
                reg_email: {
                    validators: {
                        notEmpty: {
                            message: 'Bitte gebe eine gültige Email Adresse ein'
                        },
                        emailAddress: {
                            message: 'Bitte gebe eine gültige Email Adresse ein'
                        }
                    }
                },
                reg_email_wdh: {
                    validators: {
                        notEmpty: {
                            message: 'Bitte wiederhole deine Email Adresse'
                        },
                        emailAdress: {
                            message: 'Bitte wiederhole deine Email Adresse'
                        }
                    }
                },
                reg_pwd: {
                    validators: {
                         stringLength: {
                            min: 8,
    						message: 'Gebe bitte ein Passwort ein'
    
                        },
                        notEmpty: {
                            message: 'Gebe bitte ein Passwort ein'
                        }
                    }
                },
    			reg_geburtstag: {
    				validators: {
    					stringLength: {
    						min: 10,
    						message: 'Überprüfe bitte deine Eingabe'
    						
    					},
    					notEmpty:{
    						message: 'Überprüfe bitte deine Eingabe'
    					}
    				}
    			},
                reg_pwd_wdh: {
                    validators: {
                         stringLength: {
                            min: 8,
    						message: 'Wiederhole bitte dein Passwort'
    
                        },
                        notEmpty: {
                            message: 'Wiederhole bitte dein Passwort'
                        }
                    }
                }
                
               
               
                }
            })
            .on('success.form.bv', function(e) {
                $('#success_message').slideDown({ opacity: "show" }, "slow") // Do something ...
                    $('#contact_form').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');
            });
    });
    Funktioniert alles 1A, nur möchte ich jetzt gerne, dass der Geburtstag nicht nur auf Vollständigkeit überprüft wird, sondern auch ob der User 18 oder älter ist.
    Des Weiteren prüft das Script im Moment nur ob mindestens 10 Zeichen eingegeben wurden, was ja bei einem Geburtstag stimmen würde (TT.MM.JJJJ), aber wenn man jetzt eine beliebige Zeichenfolge eingibt, die 10 Zeichen hat, dann ist das natürlich doof.
    Ich weiß wie ich ne Funktion schreibe, die das Alter überprüft, aber an welcher Stelle ich sie einbauen muss, ist mir unklar.

    Ich hoffe ihr könnt mir weiterhelfen.

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

    AW: Jquery Altercheck

    Der callback validator sollte da nötig sein. Du schreibst dir eine Funktion die den eingehenden String in ein Datum umwandelt und dann prüft, ob 18 schon erreicht ist.

    $.fn.bootstrapValidator.validators.callback = {
    /**
    * Return result from the callback method
    *
    * @param {BootstrapValidator} validator The validator plugin instance
    * @param {jQuery} $field Field element
    * @param {Object} options Can consist of the following keys:
    * - callback: The callback method that passes 2 parameters:
    * callback: function(fieldValue, validator) {
    * // fieldValue is the value of field
    * // validator is instance of BootstrapValidator
    * }
    * - message: The invalid message
    * @returns {Boolean|Deferred}
    */

Ähnliche Themen

  1. [FRAGE] jQuery - CSS3 Animationen mit jQuery beeinflußen (wiederholen)
    Von LikeStar im Forum JavaScript
    Antworten: 5
    Letzter Beitrag: 23-05-2015, 23:27
  2. jquery und jquery.tools einbinden
    Von futura-web im Forum JavaScript
    Antworten: 12
    Letzter Beitrag: 22-07-2012, 00:24
  3. Antworten: 3
    Letzter Beitrag: 07-06-2012, 00:26
  4. Antworten: 2
    Letzter Beitrag: 05-03-2011, 00:38

Lesezeichen

Berechtigungen

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