Effectuer la validation côté client pour l'attribut personnalisé

J'ai créé une Validation Personnalisée Attribut:

public class FutureDateAttribute : ValidationAttribute
    {
        public override bool IsValid(object value) 
        {
            if (value == null|| (DateTime)value < DateTime.Now)
                return false;

            return true;
        }

    }

Comment puis-je obtenir que cela fonctionne sur le côté client aussi avec jquery?

InformationsquelleAutor raklos | 2011-01-20

163

Voici comment procéder:

Commencer par définir la validation personnalisée attribut:
```
public class FutureDateAttribute : ValidationAttribute, IClientValidatable
{
    public override bool IsValid(object value)
    {
        if (value == null || (DateTime)value < DateTime.Now)
            return false;

        return true;
    }

    public IEnumerable<ModelClientValidationRule> GetClientValidationRules(ModelMetadata metadata, ControllerContext context)
    {
        yield return new ModelClientValidationRule
        {
            ErrorMessage = this.ErrorMessage,
            ValidationType = "futuredate"
        };
    }
}
```
Remarquez comment il met en œuvre IClientValidatable. Ensuite, nous écrivons notre modèle:
```
public class MyViewModel
{
    [FutureDate(ErrorMessage = "Should be in the future")]
    public DateTime Date { get; set; }
}
```
Un contrôleur:
```
public class HomeController : Controller
{
    public ActionResult Index()
    {
        return View(new MyViewModel
        {
            //intentionally put in the past
            Date = DateTime.Now.AddDays(-1)
        });
    }

    [HttpPost]
    public ActionResult Index(MyViewModel model)
    {
        return View(model);
    }
}
```
et enfin une vue:
```
@using (Html.BeginForm())
{
    @Html.LabelFor(x => x.Date)
    @Html.TextBoxFor(x => x.Date)
    @Html.ValidationMessageFor(x => x.Date)
    <input type="submit" value="OK" />
}
```
La dernière partie de la magie pour arriver à définir la coutume adaptateur:
```
<script src="@Url.Content("~/Scripts/jquery.validate.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.js")" type="text/javascript"></script>
<script type="text/javascript">
    //we add a custom jquery validation method
    jQuery.validator.addMethod('greaterThan', function (value, element, params) {
        if (!/Invalid|NaN/.test(new Date(value))) {
            return new Date(value) > new Date($(params).val());
        }
        return isNaN(value) && isNaN($(params).val()) || (parseFloat(value) > parseFloat($(params).val()));
    }, '');

    //and an unobtrusive adapter
    jQuery.validator.unobtrusive.adapters.add('futuredate', { }, function (options) {
        options.rules['greaterThan'] = true;
        options.messages['greaterThan'] = options.message;
    });
</script>
```
- Brillante réponse!
- Près de de travail - quel doit être le format de la date être?
- cela va dépendre de la localisation des paramètres du navigateur et le serveur. Si vous avez des différences les choses se compliquent comme un format qui pourrait passer validation du client, mais pas de serveur de validation, et vice versa. Aussi c'est à vous de décider quel format vous voulez que vos dates de séjour pour être en.
- En effet, un exemplaire de la réponse!
- aaah je pourrais vous embrasser pour cette
- excellent exemple. Pour obtenir le côté client de travailler pour moi l'adaptateur nécessaire évolution return new Date(value) > new Date($(params).val()); à return new Date(value) > new Date();. new Date($(params).val()) pour new Date()
- Je vais avoir un problème du côté client pour le travail à l'aide d'Ajax.BeginForm au lieu de Html.BeginForm. Y aurait-il un problème dans ce scénario?
- vous devez avoir oublié de faire référence à la jquery.unobtrusive-ajax.js script.
- Vérification de la droite maintenant....
- js fichiers: <script src="/Scripts/jquery-1.8.2.min.js" type="text/javascript"></script> <script src="/Scripts/jquery-ui-1.9.1.custom.js" type="text/javascript"></script> <script type="text/javascript" src="/Scripts/kendo.web.min.js"></script> <script src="/Scripts/jquery.validate.min.js" type="text/javascript"></script> <script src="/Scripts/jquery.validate.unobtrusive.min.js" type="text/javascript"></script> <script src="/Scripts/jquery.unobtrusive-ajax.min.js" type="text/javascript"></script> <script src="/Scripts/conditional-validation.js" type="text/javascript"></script>
- alors peut-être que le problème se situe quelque part d'autre dans votre code.
- La chose étrange est qu'il agit comme si tous mes RequiredIf sont nécessaires et il est ignorant les conditions.
- Semble comme une réponse impressionnante. Une question, des précisions: qu'en faire la coutume adaptateur scripts pour qu'ils fonctionnent?
- Je ne comprends pas très bien votre question. Vous devez inclure ces scripts dans votre point de vue à obtenir leur travail.
- Merci! Je pars du principe que la meilleure façon de le faire est d'inclure le fichier dans mon BundleConfig.cs.
- oui si vous êtes en utilisant ASP.NET 4 faisceaux, il est préférable de faire partie de certains bundle.
- Sera la validation côté client sans le travail personnalisé jquery de validation de la méthode? Je suis en train de mettre en place quelque chose comme ça, mais sans tous les datetime choses et au lieu de cela je viens de vérifier pour un bool.
InformationsquelleAutor Darin Dimitrov
4

Il a fallu un peu de temps étant donné que votre question a été posée, mais si vous avez encore comme les métadonnées, et vous êtes toujours ouvert pour simplifier les solutions de rechange, vous pouvez résoudre votre problème à l'aide d'annotations suivantes:
```
[Required]
[AssertThat("Date > Now()")]
public DateTime? Date { get; set; }
```
Il fonctionne aussi bien sur le serveur et le client, hors de la boîte. Pour plus de détails, jetez un oeil à ExpressiveAnnotations bibliothèque.
- Vous avez sauvé ma journée avec votre bibliothèque. Tellement simple d'utilisation et très utile. Merci
InformationsquelleAutor jwaliszko

Vous devez vous connecter pour publier un commentaire.