Comment résoudre le problème lors de l'utilisation et de validation jquery datepicker dans le même temps

StackOverflow https://stackoverflow.com/questions/2542593

  •  23-09-2019
  •  | 
  •  

Question

Quand je datepicker avec l'icône de déclenchement afin que les utilisateurs puissent choisir la date de cliquer sur cette icône ou tapez directement dans textbox (txtDate), j'ai aussi utilisé la validation de jquery pour exiger textbox doit être pas vide.   Mais lorsqu'un utilisateur soumet le formulaire avec vide textbox (txtDate.Text = « »), le message d'erreur de poussée de validation icône de déclenchement à droite. Pourriez-vous me dire la solution? Merci beaucoup!

Était-ce utile?

La solution

$('#some_form').validate({
  rules: {...},
  messages: {...},
  errorPlacement: function(error, element) { //solve you problem
    var trigger = element.next('.ui-datepicker-trigger');
    error.insertAfter(trigger.length > 0 ? trigger : element);
  }
});

Autres conseils

La fonction errorPlacement reçoit deux paramètres - le message d'erreur et l'élément validé. Utilisez ce dernier pour décider si oui ou non de personnaliser le placement pour vos champs (par exemple, en ajoutant une classe):

$('form').validate({
      rules: {...},
      errorPlacement: function(error, element) {
            if (element.hasClass('customError')) {
                  // custom error placement
            }
            else {
                  element.after(error); // default error placement
            }
      }
});
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top