Create.cshtml

@model WebUi.Services.CustomerAddress.CustomerAddressMvcRequestModel

@{
    ViewData["Title"] = "Create";
}


<article>
    Enter Chicago as the city and tab away to see the weather.

</article>
<hr />
<div class="row">
    <div class="col-md-4">
        <form asp-action="Create">
            <div asp-validation-summary="ModelOnly" class="text-danger"></div>
            <div class="form-group">
                <label asp-for="StreetAddress" class="control-label"></label>
                <input asp-for="StreetAddress" class="form-control" />
                <span asp-validation-for="StreetAddress" class="text-danger"></span>
            </div>
            <div class="form-group">
                <label asp-for="City" class="control-label"></label>
                <input asp-for="City" class="form-control" />
                <span asp-validation-for="City" class="text-danger"></span>
            </div>
            <span id="weather"></span>

            <div class="form-group">
                <label asp-for="State" class="control-label"></label>
                <input asp-for="State" class="form-control" />
                <span asp-validation-for="State" class="text-danger"></span>
            </div>
            <div class="form-group">
                <label asp-for="Zip" class="control-label"></label>
                <input asp-for="Zip" class="form-control" />
                <span asp-validation-for="Zip" class="text-danger"></span>
            </div>
            <span id="weather"></span>
            <div class="form-group">
                <input type="submit" value="Create" class="btn btn-primary" />
            </div>
        </form>
    </div>
</div>

<div>
    <a asp-action="Index">Back to List</a>
</div>


<script type="text/javascript">
    $(document).ready(function () {
        $('#City').on('focusout',
            function () {
                if ($('#City').val() === 'chicago') {
                    //alert('q');
                    getChicagoWeather();
                    }

            });
    });

    function getChicagoWeather() {
        //alert('here');
        $.get('@Url.Action("GetChicagoWeather", "ChicagoWeather")',
            function (response) {
                //alert(response);
                $('#weather').html(response);
            });

    }
</script>


@section Scripts {
    @{await Html.RenderPartialAsync("_ValidationScriptsPartial");}

}