Validate String Array In ASP.NET MVC in client side

Question

This is my first post.

I need string array validation such like below.

[Required(ErrorMessage = "Content name is required")]
public string[] ContentName { get; set; }

I found a post which has the same situation.

This answer and following code helped me so much and I could solve my problem.

public class StringArrayRequiredAttribute : ValidationAttribute
{
    protected override ValidationResult IsValid (object value, ValidationContext validationContext)
    {
        string[] array = value as string[];

        if(array == null || array.Any(item => string.IsNullOrEmpty(item)))
        {
            return new ValidationResult(this.ErrorMessage);
        }
        else
        {
            return ValidationResult.Success;
        }
    }
}

And

[StringArrayRequired(ErrorMessage = "Content name is required")]
public string[] ContentName { get; set; }

But now I found an another problem. This validation works only server side. I wish I could have a client validation too. Because it would make my client much happier!!

So would you give me a nice way for this? Waiting for your answers!!

Thank you for your help. I write a short code in my view.

$.validator.addMethod('stringarrayrequired', function (value, element, params) {

    let array = value;

    if (array == null) {
        return false;
    }

    for (var i = 0; i < array.length; i++) {
        if (!array[i]) {
            return false;
        }
    }
    return true;
}, '');



$.validator.unobtrusive.adapters.add("stringarrayrequired", function (options) {
    options.rules["stringarrayrequired"] = "#" + options.element.name.replace('.', '_'); // mvc html helpers
    options.messages["stringarrayrequired"] = options.message;
});

(Sorry, I'm not fluent in JS...) And I add id="stringarrayrequired" to my . But it doesn't work. I also checked html code. When I click the submit button, there should be a class="input-validation-error" or "valid" in input tag for "ContentName", but I couldn't find both of them.

I still need more info... Anyone help?

I found a way to solve my problem.

(I changed property name ContextName to Selection)

[Display(Name = "Selections")]
public Selection[] Selections { get; set; } 

public class Selection
{
    [Required(ErrorMessage = "SelectionItem is empty")]
    public string SelectionItem { get; set; }
}

I use Selections for , SelectionItem for and .

As you know, [Required] attribute doesn't work for string[]. So I created a Selection class and changed string[] to Selection[], and applied [Required] attribute to string.

I know that this's not a clean way... I'll use foolproof or something.

You can look into foolproof, which builds the client side, custom validation for you. — Hooman Bahreini
– Hooman Bahreini, Commented Jan 15, 2019 at 6:49
I checked the link, it seems to be a great solution for my problem!! Does this work in ASP.NET Core 2.0?? — petrov peter
– petrov peter, Commented Jan 15, 2019 at 7:12
If you want to answer your own question, please don't include the answer in the question. Simply add your own answer at the bottom of the page. — Hooman Bahreini
– Hooman Bahreini, Commented Jan 16, 2019 at 5:11

TanvirArjel · Accepted Answer · 2019-01-15 05:44:52Z

0

Add the following javaScript code in your view:

$.validator.addMethod('stringarrayrequired', function (value, element, params) {
    // here return true or false based on checking the input value
},'');


$.validator.unobtrusive.adapters.add("stringarrayrequired", function (options) {
    options.rules["stringarrayrequired"] = "#" + options.element.name.replace('.', '_'); // mvc html helpers
    options.messages["stringarrayrequired"] = options.message;
});

answered Jan 15, 2019 at 5:44

TanvirArjel

32.4k14 gold badges89 silver badges120 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

petrov peter Over a year ago

Thank you for your quick responce!! I'll try this code and check how it works.

petrov peter Over a year ago

It doesn't... Maybe there're some errors in the code I added. I described what I wrote in the question post above.

TanvirArjel Over a year ago

Can you share your screen via team viewer please?

petrov peter Over a year ago

Oh! I found a bit dirty way to solve my problem using only built-in reqiured attribute!! I'll share it with you, after I came back from the job :)

Collectives™ on Stack Overflow

Validate String Array In ASP.NET MVC in client side

1 Answer 1

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related