ASP.NET MVC Client Side Validation Message Error

Question

Can somebody tell me why "This field is required" and "Please insert database name" are being displayed instead of just "Please insert database name"?

Screenshot

This is my model :

public class InstallViewModel
    {
        [Required(AllowEmptyStrings = false, ErrorMessage = "Please insert database name")]
        public string DatabaseName { get; set; }

and this is my view :

<div class="input-group">
    <span class="input-group-addon">Database</span>
    @Html.TextBoxFor(w => w.DatabaseName, new { @class = "form-control", placeholder = "Database name" })
</div>
@Html.ValidationMessageFor(w=> w.DatabaseName)

Thank you.

EDIT:

Can you see the image attached ? I have some problems uploading images.

The view is a partial view and this is the whole partial view:

@Html.ValidationMessageFor(w => w.DatabaseName)
    <div class="input-group">
        <span class="input-group-addon">Database</span>
        @Html.TextBoxFor(w => w.DatabaseName, new { @class = "form-control", placeholder = "Database name" })
    </div> 
    <br />
    @Html.CheckBoxFor(w => w.UseWindowsAuthentication, new { @checked = "checked" }) Use Windows Authentication<br /><br />
    <div class="wizard-sqlauth" style="display: none">
        <div class="input-group">
            <span class="input-group-addon">User name</span>
            @Html.TextBoxFor(w => w.UserName, new { @class = "form-control", placeholder = "User name" })
        </div>
        @Html.ValidationMessageFor(w => w.UserName)<br />
        <div class="input-group">
            <span class="input-group-addon">Password</span>
            @Html.PasswordFor(w => w.Password, new { @class = "form-control" })
        </div>
        @Html.ValidationMessageFor(w => w.Password)
    </div>

You are asking this because you are seeing "This field is required" instead of "Please insert database name", right? All the answers seem to have missed this — Rui
– Rui, Commented Feb 21, 2014 at 10:05
I've edited the question and included the whole partial view. — Branislav B.
– Branislav B., Commented Feb 21, 2014 at 10:18
Do you really use InstallViewModel in View? Maybe you pass InstallModel to the partial view. — Krahu
– Krahu, Commented Feb 21, 2014 at 10:22

Krahu · Accepted Answer · 2014-02-21 10:00:26Z

2

DatabaseName is "Required" and your input is empty. (There is only placeholder text)

answered Feb 21, 2014 at 10:00

Krahu

1837 bronze badges

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

1 Comment

Branislav B. Over a year ago

Yes, the problem is that two messages are showing. One default and one defined in ErrorMessage.

Rui · Accepted Answer · 2014-02-21 10:28:41Z

1

Are you calling jquery validation "manually" anywhere in javascript, i.e.

$('#myform').valid() ?

That would trigger the default value for the required rule ("This field is required."), and would append it as a label after the input, which is exactly the behavior your are experiencing.

If you really need to use both (MVC's Unobstrusive validation + jQuery validation) you can configure jquery validation to ignore certain fields, for example

$('#myform').validate({
  ignore: '#databasefieldId'
});

answered Feb 21, 2014 at 10:28

Rui

4,9163 gold badges32 silver badges35 bronze badges

6 Comments

Branislav B. Over a year ago

Can you tell me how to disable the default value ?

Rui Over a year ago

@BranislavB. You probably should only be using one form of validation, why did you need to use jquery validation manually?

Branislav B. Over a year ago

Because my viewmodel is displayed in multiple partial views in form of Wizard. I need to validate each page of the wizard so the user can click next button. Therefore i need to call validation on each element in each view. : function wizard_ValidateDataConnection() { var result = $('#wizard-step-database').validate().element('#DatabaseName') && $('#wizard-step-database').validate().element('#UserName') && $('#wizard-step-database').validate().element('#Password'); return result; }

Rui Over a year ago

@BranislavB. What I would try then is to override the showErrors jquery validation option, i.e. $('#myForm').validation({showErrors: function(){}}); so that it does nothing. This way you'd only get the MVC Unobtrusive validation errors. I've never actually tried this, let me know if it works and I'll update the answer with it.

Branislav B. Over a year ago

I've added a blank function() {} as showErrors and now it is not showing anything

|

Cris · Accepted Answer · 2014-02-21 10:04:07Z

-1

You have applied the RequiredAttribute attribute to a property to the property DatabaseName which implies that the property must contain a value.

A validation exception is raised if the property is null, an empty string (""), or contains only white-space characters.

answered Feb 21, 2014 at 10:04

Cris

13.4k5 gold badges37 silver badges51 bronze badges

1 Comment

Rui Over a year ago

Isn't the question about the seemingly wrong error message? The OP set ErrorMessage to "Please insert database name", why ins't that shown instead?

Nagaraj S · Accepted Answer · 2014-02-21 10:06:44Z

-2

You just add @Html.ValidationMessageFor(w=> w.DatabaseName) in the top of div. This will show the summary.

edited Feb 21, 2014 at 10:06

Nagaraj S

13.5k6 gold badges36 silver badges53 bronze badges

answered Feb 21, 2014 at 10:06

Sathish

3291 gold badge5 silver badges20 bronze badges

Collectives™ on Stack Overflow

ASP.NET MVC Client Side Validation Message Error

4 Answers 4

1 Comment

6 Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

6 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related