ASP.Net Core MVC – Client-side validation for custom attribute

by

The IClientModelValidator is in fact the right interface. I’ve made a contrived sample implementation below.

Attribute

[AttributeUsage(AttributeTargets.Property, AllowMultiple = false, Inherited = false)]
public sealed class CannotBeRedAttribute : ValidationAttribute, IClientModelValidator
{
    public override bool IsValid(object value)
    {
        var message = value as string;
        return message?.ToUpper() == "RED";
    }

    public void AddValidation(ClientModelValidationContext context)
    {
        MergeAttribute(context.Attributes, "data-val", "true");
        var errorMessage = FormatErrorMessage(context.ModelMetadata.GetDisplayName());
        MergeAttribute(context.Attributes, "data-val-cannotbered", errorMessage);
    }

    private bool MergeAttribute(
        IDictionary<string, string> attributes,
        string key,
        string value)
    {
        if (attributes.ContainsKey(key))
        {
            return false;
        }
        attributes.Add(key, value);
        return true;
    }
}

Model

public class ContactModel
{
    [CannotBeRed(ErrorMessage = "Red is not allowed!")]
    public string Message { get; set; }
}

View

@model WebApplication.Models.ContactModel

<form asp-action="Contact" method="post">
    <label asp-for="Message"></label>
    <input asp-for="Message" />
    <span asp-validation-for="Message"></span>
    <input type="submit" value="Save" />
</form>

@section scripts {
    <script src="~/lib/jquery-validation/dist/jquery.validate.min.js"></script>
    <script src="~/lib/jquery-validation-unobtrusive/jquery.validate.unobtrusive.min.js"></script>
    <script>
        $.validator.addMethod("cannotbered",
            function (value, element, parameters) {
                return value.toUpperCase() !== "RED";
            });

        $.validator.unobtrusive.adapters.add("cannotbered", [], function (options) {
            options.rules.cannotbered = {};
            options.messages["cannotbered"] = options.message;
        });
    </script>
}

More Related Contents:

  1. Custom Authentication in ASP.Net-Core
  2. Convert IHtmlContent/TagBuilder to string in C#
  3. Bind Dictionary with list in viewmodel to checkboxes
  4. Dealing with large file uploads on ASP.NET Core 1.0
  5. How do you create a custom AuthorizeAttribute in ASP.NET Core?
  6. Increase upload file size in Asp.Net core
  7. Where did IMvcBuilder AddJsonOptions go in .Net Core 3.0?
  8. Dynamically change connection string in Asp.Net Core
  9. How to read ASP.NET Core Response.Body?
  10. How should I inject a DbContext instance into an IHostedService?
  11. Timeouts with long running ASP.NET MVC Core Controller HTTPPost Method
  12. How to update values into appsetting.json?
  13. Creating a proxy to another web api with Asp.net core
  14. Unable to create migrations after upgrading to ASP.NET Core 2.0
  15. How do I setup multiple auth schemes in ASP.NET Core 2.0?
  16. TempData null in asp.net core
  17. How to consume a Scoped service from a Singleton?
  18. Unable to resolve service for type while attempting to activate
  19. Change the JSON serialization settings of a single ASP.NET Core controller
  20. Simple JWT authentication in ASP.NET Core 1.0 Web API
  21. How do I inject ASP.NET 5 (vNext) user-secrets into my own utility class?
  22. Tag helper not being processed in ASP.NET Core 2
  23. Dependency Injection with classes other than a Controller class
  24. ASP.NET Core Web API Authentication
  25. ASP.NET Core equivalent of ASP.NET MVC 5’s HttpException
  26. ASP.NET Core 3.0 [FromBody] string content returns “The JSON value could not be converted to System.String.”
  27. How should I manage DbContext Lifetime in MVC Core?
  28. ASP.NET Core HTTPRequestMessage returns strange JSON message
  29. MVC6 Dropdownlist of Countries
  30. Unable to resolve service for type ‘Microsoft.AspNetCore.Identity.UserManager` while attempting to activate ‘AuthController’

Leave a Comment