jquery validate: display error message only on specific method

Question

I have a field that has required validation property and also remote validation property.

I want to display the error message only if remote validation fails, and not on required property.

I can set the error message to an empty string, but i don't want to modify the ViewModel Data Annotations.

Is possible to do this only from client-side, without modifying the ViewModel properties?

// working hack
public class CreateViewModel
{
    [Required(ErrorMessage = " ")]
    [Remote("IsUserNameValid", "Users", ErrorMessage = "This user name is already used")]
    [Display(Name = "User Name")]
    public string UserName { get; set; }
}

Community · Accepted Answer · 2017-05-23 12:20:44Z

2

You could disable the required rule. For example given a form with id "LoginForm" and a required input field with id "UserName", you can disable the required rule using either of these:

$("#UserName").rules("remove", "required");
$("#loginForm").validate().settings.rules["UserName"].required= false;

Another option is to change the error message to an empty string. Again you have a few options, for example:

$("#UserName").rules("add", {
    messages: {
        required: ""
    }
});
$("#loginForm").validate().settings.messages["UserName"].required= '';

In the end this is about playing with the rules and messages of the jquery validation object for the form.

Hope it helps!

edited May 23, 2017 at 12:20

CommunityBot

11 silver badge

answered Jun 27, 2013 at 12:03

Daniel J.G.

35.2k9 gold badges117 silver badges115 bronze badges

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

Collectives™ on Stack Overflow

jquery validate: display error message only on specific method

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related