Comment valider des formulaires (qui sont générés dynamiquement)?

Question

Pouvez-vous s'il vous plaît me dire comment faire la validation sous une forme qui est générée dynamiquement? J'utilise un plugin dform.js qui convertit JSON en forme. Je dois faire cela valider des champs.

http://jsfiddle.net/Xe3FG/2/

Je prends l'aide de cette situation.

https://github.com/daffl/jquery.dform

Dans ma démonstration, je prends 2 champs numériques. Si l'utilisateur entre une chaîne et passe au champ suivant, j'en ai besoin pour afficher une erreur devant le champ, "s'il vous plaît n'entrez que des chiffres." J'ai besoin de la même chose avec le deuxième champ. Peut-on utiliser seulement drom.js ou validation.js?

Je peux valider lorsque l'utilisateur entre des données dans le champ, puis appuyez sur Entrée. J'ai donc utilisé l'événement de flou. Ce n'est pas une bonne pratique d'utiliser l'événement de flou sur tous les champs. Pouvez-vous donner une manière différente et un bon moyen de valider?

("#totalRetryCount").blur(function() { 
    // Number element type returns empty value when NaN 
    if ($('#totalRetryCount').val() == '') 
     alert('enter a number'); 
}); 

$("#totalRepeatCount").blur(function(event) { 
    // Number element type returns empty value when NaN 
    if ($('#totalRepeatCount').val() == '') 
     alert('enter a number'); 

J'ai utilisé ces deux événements de flou. Je ne veux pas utiliser ces événements. Pouvons-nous faire ces validations d'une autre manière?

Answer 1

Je vous ai déjà expliqué comment faire cela dans your last question et vous a fourni un exemple complet que vous avez semblé ignorer complètement. Dans ce cas, vous devez simplement vérifier si la valeur est une chaîne vide, car il s'agit de la valeur par défaut d'un champ de saisie de type numérique contenant des données non numériques.

Fiddle demo

$("#testSuiteConfigurationform").validate(validateInputParameters()); 

function validateInputParameters() { 
    jQuery.validator.addMethod("onlyNumbers", function(value, element) { 
     return value != ""; 
    }, " Please enter only numbers"); 

    var validation = { 
     onfocusout : function(element) { 
      $(element).valid(); 
     }, 
     rules : { 
      totalRetryCount: { onlyNumbers: true } 
     }, 
    }; 
    return validation; 
};