Validation Form With Ajax in Asp.net Core

Question

I use AJAX to send forms to controller in ASP.NET Core but I have problem with send form with validation

<form asp-action="Create" asp-controller="Departments"
      data-ajax="true"
      data-ajax-method="Post"
      data-ajax-mode="replace"
      data-ajax-update="#content"                 
      data-ajax-success="Success"
      data-ajax-failure="Failure">
    <div class="box-body">
       <div class="alert alert-success" id="divalert" ></div>

        <div class="form-group">
            <label asp-for="Title" class="control-label"></label>
            <input asp-for="Title" class="form-control" />
            <span asp-validation-for="Title" class="text-danger"></span>
        </div>
        <div class="form-group">
            <input type="submit" value="ثبت" class="btn btn-success" />
        </div>
    </div>
</form>

This is Jquery code For Ajax

<script>
    function Success() {
        $("#divalert").text = "Yes";
    }
    function Failure() {
        $("#divalert").text = "No";

    }

</script>

but I want to show validation message ehen I send form with empty text Box ,

This is my Controller

public async Task<IActionResult> Create([Bind("Department_Id,Title,Task,Description,Department_Status")] Department department)
{
    if (ModelState.IsValid)
    {             
        _genericRepository.Add(department);
        await _genericRepository.SaveChangesAsync();
        return RedirectToAction(nameof(Index));
    }

    return View(department);
}

How do I show validation message with Ajax when form is empty ?

@mplungjan, OP is using the jquery.unobtrusive-ajax.js plugin (which makes an ajax call) — user3559349
– user3559349, Commented Jul 2, 2018 at 8:32
The code you have shown will work fine, and will not submit assuming you have a [Required] attribute on the Title property. Do you have all the relevant scripts loaded correctly? — user3559349
– user3559349, Commented Jul 2, 2018 at 8:34
@mahdi: PLEASE do not capitalise every word in your question. It is really irritating to read — mplungjan
– mplungjan, Commented Jul 2, 2018 at 8:35

Community · Accepted Answer · 2018-10-25 17:29:11Z

3

I use partial view "Create" and it works

<script src="~/lib/jquery/dist/jquery.js"></script>
<script src="~/lib/jquery-validation/dist/jquery.validate.js"></script>
<script src="~/lib/jquery-validation-unobtrusive/jquery.validate.unobtrusive.js"></script>
<div class="form-horizontal">
    <form asp-action="Create" role="form" asp-controller="Department" asp-antiforgery="true"
          data-ajax-success="Bindgrid"
          data-ajax="true"
          data-ajax-method="POST">
        <div class="form-group">
            <label class="control-label" asp-for="DepartmentName"></label>
            <input class="form-control" type="text" asp-for="DepartmentName" />
            <span asp-validation-for="DepartmentName" class="text-danger"></span>
        </div>
        <input class="btn btn-primary" type="submit" value="Save" />
    </form>
</div>

all jquery file is needed for html or ajax validation.

edited Oct 25, 2018 at 17:29

CommunityBot

11 silver badge

answered Sep 19, 2018 at 17:58

Parin Patel

3521 gold badge2 silver badges8 bronze badges

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

Collectives™ on Stack Overflow

Validation Form With Ajax in Asp.net Core

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest