ASP.NET MVC Validation errors not displaying

Question

I am using tuples to load multiple models into a view.

The view is as

 @using (Ajax.BeginForm(null, null, ajaxOptions, new { @class = "contact-form" }))

        {
           @Html.AntiForgeryToken()
           <div class="form-group form-group--xs">
              @Html.TextBoxFor(m => m.Item2.Email, new { @class = "form-control input-sm", placeholder = "Your email address..." })
              @Html.ValidationMessageFor(m => m.Item2.Email)
           </div>
           <div class="form-group form-group--xs">
              @Html.TextAreaFor(m => m.Item2.Message, new { @class = "form-control input-sm", placeholder = "Your message...", rows = "4" })
              @Html.ValidationMessageFor(m => m.Item2.Message)
           </div>

           <input type="submit" class="btn btn-primary-inverse btn-sm btn-block" value="Send Your Message" />
        }

The controller is

        [HttpPost]
        [ValidateAntiForgeryToken]
        public async Task<PartialViewResult> Submit([Bind(Prefix = "Item2")] ContactForm model)
        {
            bool isMessageSent = true;

            if (ModelState.IsValid)
            {
                try
                {
                    await Services.EmailService.SendContactForm(model);
                }
                catch (Exception ex)
                {
                    isMessageSent = false;
                }
            }
            else
            {
                isMessageSent = false;
            }
            return PartialView("_SubmitMessage", isMessageSent);
        }

and the contact form is

 public class ContactForm
    {
        [Required(ErrorMessage = "You must provide your email."), EmailAddress]
        public string Email { get; set; }

        [Required(ErrorMessage = "You must include a message.")]
        public string Message { get; set; }
    }

Finally the partial view is

@model bool

@if (Model)
{
    <div style="color:#c2ff1f">Your message has been sent.</div>
}
else
{
    <div style="color:#f34141">An error occured while sending your message</div>
}

Update: The rendered html for the email textbox is

<input class="form-control input-sm" 
data-val="true" 
data-val-email="The Email field is not a valid e-mail address." 
data-val-required="You must provide your email." 
id="Item2_Email" 
name="Item2.Email" 
placeholder="Your email address..." 
type="text" 
value="">

If i do not enter any text in the email field or the message field, the message is not sent :) but i have no validation errors in the view :( What am i doing wrong here?

I'm not sure, but I think it would be better if you return a view instead of a partialview. You will get to the screen where it displays that an error occured while sending the email. I think it's enough when you insert "return View();" in the else block of the controller. — Larce
– Larce, Commented Apr 1, 2017 at 8:29
@Larce Changed to public async Task<ViewResult> and return View(model); but it is also not working as expected — OrElse
– OrElse, Commented Apr 1, 2017 at 8:36
What's happening then? Do you still get to the partial view? — Larce
– Larce, Commented Apr 1, 2017 at 8:37
I mean the validation errors are not displaying, i am not returning the partial view now. I guess something is broken with the tuple ones — OrElse
– OrElse, Commented Apr 1, 2017 at 8:39

OrElse · Accepted Answer · 2017-04-01 14:42:56Z

1

I guess i need a break. I was missing

@Scripts.Render("~/bundles/jqueryval")

answered Apr 1, 2017 at 14:42

OrElse

10.1k40 gold badges149 silver badges266 bronze badges

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

Comments

Kumar_Vikas · Accepted Answer · 2017-04-01 08:56:11Z

0

You are returning a partialView that doesn't have the validation error message code.

Try this code:

        [HttpPost]
        [ValidateAntiForgeryToken]
        public async Task<PartialViewResult> Submit([Bind(Prefix = "Item2")] ContactForm model)
        {
            bool isMessageSent = true;

            if (ModelState.IsValid)
            {
                try
                {
                    await Services.EmailService.SendContactForm(model);
                }
                catch (Exception ex)
                {
                    isMessageSent = false;
                }

            }
            else
            {
                isMessageSent = false;
                //Return the view that has validation error message display code.
                return View(model);
            }
            return PartialView("_SubmitMessage", isMessageSent);
        }

edited Apr 1, 2017 at 8:56

answered Apr 1, 2017 at 8:50

Kumar_Vikas

8457 silver badges16 bronze badges

5 Comments

OrElse Over a year ago

Hello, can i return both PartialViewResult and ViewResult from the same controller?

Kumar_Vikas Over a year ago

If you are returning actionResult. Yes!

Kumar_Vikas Over a year ago

@OrElse the html in your update, is the code generated prior to hitting submit or after hitting submit (returned with Error) ?

Parth Ruparelia Over a year ago

@Kumar_Vikas We can't return both PartialViewResult and ViewResult from the same controller.

Kumar_Vikas Over a year ago

@ParthRuparelia Why not?

Shadman · Accepted Answer · 2020-11-18 10:16:52Z

0

For those people like me just add these scripts to your view:

answered Nov 18, 2020 at 10:16

Shadman

1513 silver badges11 bronze badges

Collectives™ on Stack Overflow

ASP.NET MVC Validation errors not displaying

3 Answers 3

Comments

5 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

5 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related