Function jQuery return validation message instead of Alert

Question

I have this function, which works perfectly:

  $('#FornecedorNovo').submit(function (e) {
    e.preventDefault();
    var url = "/Fornecedor/VerificaInscricao";
    var Insc = $("#InscricaoEstadual").val();
    var form = this,
        $form = $(form); // Salvamos o formulário atual em uma variável

    $.ajax({
        url: url,
        data: { insc: Insc },
        datatype: "json",
        type: "POST",
        success: function (data) {
            if (data.resultado == true) {
                alert('Já existe esta inscrição estadual cadastrada para outro fornecedor.');
                $("#InscricaoEstadual").focus();
            } else {
                var url1 = "/Fornecedor/VerificaDocumento";
                var Documento = $("#Documento").val();

                $.ajax({
                    url: url1,
                    data: { documento: Documento },
                    datatype: "json",
                    type: "POST",
                    success: function (data) {
                        if (data.resultado == true) {
                            alert('Já existe este CNPJ/CPF cadastrado para outro fornecedor.');
                            $("#Documento").focus();
                        }
                        else {
                            $form.off('submit').submit();
                        }
                    }
                });
            }
        }
    })
});

However it appears an Alert, I wanted the message to appear equal to field validation, no <span asp-validation-for="InscricaoEstadual" class="text-danger"></span> for example. It is possible?

Answer 1

Since I don’t understand Asp.Net, a solution with jQuery would be to take the element you want to insert the error message with jQuery and change its HTML. In your case it would change the line:

alert('Já existe este CNPJ/CPF cadastrado para outro fornecedor.');

for:

$('[asp-validation-for="InscricaoEstadual"]').html('Já existe este CNPJ/CPF cadastrado para outro fornecedor.');

To improve performance you could save the result of $('[asp-validation-for="InscricaoEstadual"]') in a variable to not have to search for each ajax request, or better, define a id for the element and use a id selector instead of using the attribute selector used in the example.