jQuery validate moins de

Je suis en train d'écrire un "Moins" validateur pour jQuery. Je veux comparer une zone de texte à l'encontre de l'autre, donc, si j'ai:

<input type="text" id="value1" /> <input type="text" id="value2" />

Je veux que mon programme de validation pour ressembler à

$('#myForm').validate({rules: { value1: { lessThan: "#value2" } } });

J'ai essayé, mais je peux pas le faire fonctionner:

$.validator.addMethod('lessThan', function(value, element, param) {
    var i = parseInt(value);
    var j = parseInt($(param).val());
    return i >= j;
}, "Less Than");

Une autre question est de savoir où dois-je placer ce code? $(Document).prêt ou tout simplement dans une balise?

OriginalL'auteur John Oxley | 2009-08-11

jquery jquery-validate

Je suis un idiot. J'avais fait une faute de frappe dans mon code et j'ai foiré la ce.en option(élément) que je vois dans beaucoup de programme de validation des méthodes. Ici, c'est le travail de la fonction:

$.validator.addMethod('lessThanEqual', function(value, element, param) {
    if (this.optional(element)) return true;
    var i = parseInt(value);
    var j = parseInt($(param).val());
    return i <= j;
}, "The value {0} must be less than {1}");

Ici est la version condensée

$.validator.addMethod('lessThanEqual', function(value, element, param) {
    return this.optional(element) || parseInt(value) <= parseInt($(param).val());
}, "The value {0} must be less than {1}");

Maintenant, j'ai besoin de comprendre comment réexécuter la validation pour un champ de 1 quand je change de champ2.

OriginalL'auteur John Oxley

Je pense que vous pouvez le faire sans avoir à l'écrire votre propre programme de validation de la méthode.

$('#myForm').validate({
    rules: {
         value1: {
             maxlength: $('#value2').val().length
         }
    }
});

$('#value2').change(function() {
    $('#value1').rules('remove', 'maxlength').rules('add', {
         maxlength: $('#value2').val().length
    });
});

ou encore mieux sans duplication de code

function getRule() {
    return {
        maxlength: $('#value2').val().length
    };
}

$('#myForm').validate({
    rules: {
         value1: getRule()
    }
});

$('#value2').change(function() {
    $('#value1').rules('remove', 'maxlength').rules('add', getRule());
});

Merci. Cela fonctionne, mais j'ai réussi à obtenir mon programme de validation de la méthode de travail. Vous avez été celui qui m'a inspiré.
-1 l'OP parle de chiffres, vous parlez de longueurs 0_o

OriginalL'auteur RaYell

1

Vous pouvez insérer votre méthode de validation dans n'importe quel document prêt bloc, comme celui illustré ci-dessous.
```
$().ready(function() {

    $.validator.addMethod("lessThan",
        function(value, element, param) {
            var i = parseFloat(value);
            var j = parseFloat(param);
            return (i < j) ? true : false;
        }
    );

});
```
J'ai essayé de garder ce simple de sorte que vous pouvez le modifier. Si la méthode est appelée "lessThan", alors il convient de faire exactement cela. Si votre méthode effectue réellement "inférieur ou Égal À" considérer un nom plus approprié.

Veuillez noter que je suis aussi à l'aide de parseFloat, permettant à la méthode plus de souplesse que parseInt.

À partir de votre programme de validation, vous avez été en utilisant correctement; donc, pour une validation de dire, à moins de 10:
```
$('#myForm').validate({ rules: { value1: { lessThan: "10"}} });
```
Bonne chance!

Pourquoi êtes-vous à l'aide d'un opérateur ternaire comme ça? votre demande de retour est équivalent à return (i < j); ou même return i < j; qui, à mon humble avis, est beaucoup plus facile sur les yeux.

OriginalL'auteur
0

Je pense qu'il est préférable d'utiliser de l'HTML max attribut.
```
<input type="number" placeholder="Marks" required name="marks" max="100">
```
validation sera Veuillez entrer une valeur inférieure ou égale à 100. Où, comme vous pouvez aussi changer la valeur max à 99 moins de 100 de la valeur.

OriginalL'auteur طلحة

Vous devez vous connecter pour publier un commentaire.