jQuery Sélecteur de Date de Validation de Problèmes

Je suis en train de valider les deux zones de saisie où l'utilisateur sélectionne une date - j'ai réussi à obtenir loin que la restriction à l'utilisateur de sélectionner une date antérieure et si elles sélectionnez la première zone de texte à la date du jour de la prochaine zone de saisie doit être un jour à l'avance (date à venir)

Sur "soumettre" je suis en train d'essayer de l'obtenir pour valider donc, si vous ne sélectionnez l'une des zones de saisie, il vous donne un message d'erreur.

<asp:Label ID="lblPickupDate" runat="server" Text="Pick-up Date" CssClass="lblPickup"></asp:Label>
<input type="text" class="datePicker" id="validBeforeDatepicker" value="Please select a date" name="pickupdate" /> <span class="ui-icon ui-icon-calendar"></span>

<asp:Label ID="lblReturnDate" runat="server" Text="Return Date" CssClass="lblReturnDate"></asp:Label>
<input type="text" class="datePicker" id="validAfterDatepicker" value="Please select a date" name="returdate" /> <span class="ui-icon ui-icon-calendar"></span>

$(function () {
    $("#validBeforeDatepicker").datepicker({
        showOn: "button",
        buttonImage: "/assets/img/calendar.gif",
        buttonImageOnly: true,
        minDate: 0,
        required: true,
        message: "This is a required field",
        dateFormat: 'dd-mm-yy',
        onClose: function() {$(this).valid();}
    });
});

$(function () {
    $("#validAfterDatepicker").datepicker({
        showOn: "button",
        buttonImage: "/assets/img/calendar.gif",
        buttonImageOnly: true,
        minDate: +1,
        required: true,
        message: "This is a required field",
        dateFormat: 'dd-mm-yy',
        onClose: function() {$(this).valid();}
    });
});

Ive requis vrai, alors ne faut-il pas jeter une erreur de validation si vous l'avez manqué?

Le site où le formulaire est: http://www.rentruck.co.uk

J'ai aussi eu un coup d'oeil à cela, mais cant semblent reproduire http://keith-wood.name/uiDatepickerValidation.html

OriginalL'auteur MJCoder | 2012-12-11

5

Vous pouvez essayer ces deux la validation des bibliothèques pour la validation de la Datepicker de jQuery UI.

Exemple de travail pour H5F

CSS:
```
.valid {
  background: green;
  color: #fff;
}
.error {
  background: red;
  color: #fff;
}
```
HTML:
```
<form id="h5ftest">
    <input type="date" required pattern="\d{2}\/\d{2}\/\d{4}">
</form>
```
jQuery:
```
$(function() {
  H5F.setup( $( "#h5ftest" ) );

  $( "[type=date]" ).datepicker({
    onClose: function() {
      $( this ).focus().blur();
    }
  });
});
```
ou de Travail Exemple pour jQuery Valider plugin

CSS:
```
.valid {
  background: green;
  color: #fff;
}
.error {
  background: red;
  color: #fff;
}
```
HTML:
```
<form id="jQueryValidateTest">
    <input type="date" required>
</form>
```
jQuery:
```
$(function() {

  $( "#jQueryValidateTest" ).validate();

  $( "[type=date]" ).datepicker({
    onClose: function() {
      $( this ).valid();
    }
  });
});
```
parfait! fonctionne pour moi 🙂 j'ai utilisé tous les ASP.NET les contrôles au lieu d'avoir des Contrôles HTML.
Nice one! Content que ça fonctionne pour vous.
Merci beaucoup pour fait ma journée de bonne grâce à la solution ci-dessus. Si la solution est agréable, je ne suis pas en mesure de travailler cela dans IE. Comment faire ce travail dans IE ? Est-il possible ? @chridam
Pourriez-vous s'il vous plaît créer une nouvelle question qui a votre question précise?
href="http://stackoverflow.com/questions/30161644/datepicker-validation-is-not-working-on-using-jquery-plugin" title="datepicker de validation ne fonctionne pas sur l'utilisation du plugin jquery">stackoverflow.com/questions/30161644/... suivez ce lien. J'ai posté ma nouvelle question là-bas. Faire certaines nécessaire. Merci à l'avance.

OriginalL'auteur chridam

Sur le Datepicker site dans View source section vous conseille de visiter la plage de date manuellement sur onClose événement:

$(function() {
    $( "#from" ).datepicker({
        defaultDate: "+1w",
        changeMonth: true,
        numberOfMonths: 3,
        onClose: function( selectedDate ) {
            $( "#to" ).datepicker( "option", "minDate", selectedDate );
        }
    });
    $( "#to" ).datepicker({
        defaultDate: "+1w",
        changeMonth: true,
        numberOfMonths: 3,
        onClose: function( selectedDate ) {
            $( "#from" ).datepicker( "option", "maxDate", selectedDate );
        }
    });
});

qui change le look de la forme - ce que j'ai fait c'était de restreindre l'utilisateur de choisir une date antérieure qui est maintenant triée - je suis en train de l'obtenir lorsque l'utilisateur clique sur le bouton "soumettre" il doit afficher de message d'erreur mais je ne peux pas utiliser le runat="server" sur le datepicker champ de saisie comme il ne marche pas alors

OriginalL'auteur KoViMa

Vous devez vous connecter pour publier un commentaire.