ValidationMessageFor not showing up in boostrap modal
<p>Inside my bootstrap modal is a form. When I click the submit button , the validation message error is not showing up. (I intend to enter/input invalid data). I reload the boostrap modal if there is detected error , and I do this in the controller in order to keep the modal open. Is there a different approach here? I wonder why the error message doesn't show up.</p>

<p>Model:</p>

<pre><code>    [Display(Name="Email:")]
    [EmailAddress(ErrorMessage="Invalid Email Address!")]
    public string Email { get; set; }
</code></pre>

<p>View:</p>

<pre><code>    @Html.LabelFor(e =&gt; e.Email, new { @class = "control-label col-md-2" })
            &lt;div class="col-md-2"&gt;
    @Html.EditorFor(e =&gt; e.Email, new {htmlAttributes = new { @class = "form-control", required = "required" } })

    @Html.ValidationMessageFor(model =&gt; model.Email)
    &lt;/div&gt;
</code></pre>

<p>Controller:</p>

<pre><code>//for submit button
            if (ModelState.IsValid)
            {
           //Proceed to Saving 
            }
           //Keep modal open to show validation message
            TempData["HasError"] = "YES";
            return RedirectToAction("Index");
 //Index action
   [HttpGet]
    public ActionResult Index()
    {   
        //send this in frontend to know if bootstrap modal will reload
        ViewBag.Status = TempData["HasError"];

            return View();                       
    }
</code></pre>

<p>Frontend / js</p>

<pre><code>        &lt;script&gt;
        $(function (){
        var x = '@status';
        //show the modal of registration form since there is a validation     message error
       if (x == "YES") {
       var tab = 'SignupFrm';
       $('#' + tab).addClass("tab-pane fade in active");
       $('.nav-tabs a[href="#' + tab + '"]').tab('show');
       $('#mLogin').modal('show');

        }
       })
       &lt;/script&gt;
</code></pre>