Comment créer une validation personnalisée dans le Bootstrap de Validation

Mon Objectif est de valider un texte spécifique domaine où ce champ dépend de la valeur de l'autre élément.

Par exemple, j'ai balise select, et d'entrée de texte de la balise,

de saisie de texte est nécessaire lors de la balise select a une valeur sélectionnée.

espère que quelqu'un pouvait l'aider.

  • Essayé rien??
  • j'ai essayé le 'callback' chose, mais ne fonctionne pas pour moi. , je suis tout nouveau en utilisant bootstrap.
InformationsquelleAutor Andrew | 2014-11-12
  1. 4

    Prendre un coup d'oeil à

    http://bootstrapvalidator.com/

    Dans notre projet, nous utilisons, épine Dorsale du programme de validation, intégré avec Bootstrap

    https://github.com/thedersen/backbone.validation

    Exemple de l'intégration de la colonne vertébrale.validation & Bootstrap

    [jsfiddle.net/thedersen/c3kK2/][1]

    Que si vous êtes en utilisant Dorsale 🙂

    Pour bootstrapvalidator il y a un rappel méthode pour la validation

    http://bootstrapvalidator.com/validators/callback/

    À partir de l'exemple:

      <input type="text" class="form-control" name="captcha"
                data-bv-callback="true"
                data-bv-callback-message="Wrong answer"
                data-bv-callback-callback="checkCaptcha" />

    Et JS

    function checkCaptcha(value, validator) {
    //Determine the numbers which are generated in captchaOperation
    var items = $('#captchaOperation').html().split(' '),
        sum   = parseInt(items[0]) + parseInt(items[2]);
   return value == sum;
};

$(document).ready(function() {
    //Return a random number between min and max
    function randomNumber(min, max) {
       return Math.floor(Math.random() * (max - min + 1) + min);
    };

    //Generate a sum of two random numbers
    function generateCaptcha() {
        $('#captchaOperation').html([randomNumber(1, 100), '+', randomNumber(1, 200), '='].join(' '));
    };

    generateCaptcha();

    $('#callbackForm').bootstrapValidator();
});

    Vous pouvez mettre en œuvre arbitraire de validation avec elle.

    De sorte que votre validation peut être mis en œuvre par le biais de certaines fonction globale

    Avec HTML

      <input type="text" class="form-control" name="captcha"
                data-bv-callback="true"
                data-bv-callback-message="Wrong answer"
                data-bv-callback-callback="specialValidation" />

    avec JS

     function specialValidation(value, validator) {
    //Determine the numbers which are generated in captchaOperation
    var items = $('#otherField').txt();
    return value == sum;
};

    Et vous devez faire preuve de créativité avec les attributs de l'élément, relier les éléments correctement.

    • Ouais je suis de référencement pour le premier lien. mais je ne peux pas voir les exemples de code pour ce que je suis à la recherche. Quant à la colonne vertébrale.la validation, je vais essayer d'apprendre cela.
    InformationsquelleAutor mavarazy
  2. 1

    Utiliser la fonction de rappel pour validation personnalisée
    vous pouvez utiliser n'importe quel validation de rappel comme le javascript de validation.Besoin d'envoyer de faux ou vrai.

    pwd:
{
    validators:
    {
        notEmpty:
        {
            message: 'The password is required and cannot be empty'
        },
        callback:
        {
            message: 'The password is not valid',
            callback: function(value, validator, $field)
            {
                if (value === '')
                {
                    return true;
                }
            }
        }
    }
}
    • Je ne peux pas évaluer la qualité de votre solution, mais au moins, votre réponse se lit comme une réponse maintenant 😉
    • Pensez-vous que je serait upvote si je vois encore des problèmes?
    • Je ne reçois pas votre point de vue. J'ai demandé à vous pour améliorer votre réponse. Vous l'avez fait. Je vous ai dit "tout va bien" et upvoted. Quoi d'autre avez-vous vous attendre? Et s'il vous plaît supprimer n'est plus nécessaire de commentaires.
    • pouvez-vous fournir une démo de comment ce code fonctionne?
    InformationsquelleAutor BALAJI R
  3. 0

    Vous pouvez le faire, avant d'appeler le bootstrap de validation il suffit d'ajouter les données nécessaires sur les attributs de votre élément d'entrée si select a choisi de valeur, autrement, n'en ajoutez pas cet attribut. Espérons que cela va vous aider.

    InformationsquelleAutor Srikanth
  4. 0

    Il y a quelques exemples dans le milieu de la page comment utiliser bootstrap de validation:

    http://bootstrapvalidator.com/getting-started/#usage

    http://bootstrapvalidator.com/getting-started/#example

    • Tandis que ceci peut théoriquement répondre à la question, il serait préférable pour inclure l'essentiel des éléments de réponse ici, et de fournir le lien de référence.
    • Et la surprise - que le lien est déjà redirigé vers un autre emplacement.
    InformationsquelleAutor Pawel
  5. -1

    Utiliser ce code suivant
    onchange fonction jquery est utilisé pour cela.

    <html lang="en">
<head>
  <meta charset="utf-8">
  <title>change demo</title>
  <style>
  div {
    color: red;
  }
  </style>
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>

<select name="sweets" multiple="multiple">
  <option>Chocolate</option>
  <option selected="selected">Candy</option>
  <option>Taffy</option>
  <option selected="selected">Caramel</option>
  <option>Fudge</option>
  <option>Cookie</option>
</select>
<div></div>

<script>
$( "select" )
  .change(function () {
    var str = "";
    $( "select option:selected" ).each(function() {
      str += $( this ).text() + " ";
    });
    $( "div" ).text( str );
  })
  .change();
</script>

</body>
</html>
    • ouais, c'est en fait l'idée même de mes codes, mais je suis en train de faire à l'aide de boogstrap de validation.
    InformationsquelleAutor inaam husain