Search code examples
c#asp.netmodel-view-controllerasp.net-mvc-5

Can not submit with Remote Validation


My remote validation is working, but when I submit the form the cursor focus on the valid field, and no error message.

This my code:

ProjectModel:

    [Required]
    [Remote("ProjectNameVerify", "Projects")]
    public string Name { get; set; }

ProjectsController:

    public ActionResult ProjectNameVerify(string name)
    {
       // ... 
        return Json("msg", JsonRequestBehavior.AllowGet);
    }

Project.cshtml:

@using (Html.BeginForm())
@Html.AntiForgeryToken()
<div class="form-horizontal">
    @Html.ValidationSummary(true, "", new { @class = "text-danger" })
    <div class="form-group">
        @Html.LabelFor(model => model.Name, htmlAttributes: new { @class = "control-label col-md-2" })
        <div class="col-md-10">
            @Html.EditorFor(model => model.Name, new { htmlAttributes = new { @class = "form-control", Autofocus = "false" } })
            @Html.ValidationMessageFor(model => model.Name, "", new { @class = "text-danger" })
        </div>
        <br>
    </div>
    <br>
    <div class="form-group">
        <div class="col-md-offset-2 col-md-10">
            <input type="submit" value="Create" class="btn btn-success" />
        </div>
    </div>
</div>

Solution

  • Change ProjectNameVerify controller to this. False, then error message shown, true then you can submit the form.

    public JsonResult ProjectNameVerify(string name)
    {
       // ... 
        return Json({true/false}, JsonRequestBehavior.AllowGet);
    }
    

    Reference: Remote Validation In MVC 5 Using Remote Attribute