How display ValidationMessageFor from js

Question

I have a complication to display a ValidationMessageFor or mvc span, I have a ajax method to check for an id bd and it returns a Boolean me, this result if there want this.

function ExistProduct() {

    $.ajax({
        type: 'GET',
        url: "/Products/ExistProduct",
        contentType: "application/json;charset=utf-8",
        data: JSON.stringify({ "id": id }),
        datatype: "json",
        success: function (data) {
            if (data.exist == true) {
                // show ValidationMessageFor 
            }
            else {

            }
        }
    });
}

as I can resolve this and not allow submit apply and save

Are you wanting to validate that a product exists? If so then use the RemoteAttribute How to: Implement Remote Validation in ASP.NET MVC. Dont try and reinvent the wheel — user3559349
– user3559349, Commented Apr 20, 2016 at 4:14

Prashant Patil · Accepted Answer · 2016-04-20 04:19:12Z

2

Your Function

function ExistProduct() {

    $.ajax({
        type: 'GET',
        url: "/Products/ExistProduct",
        contentType: "application/json;charset=utf-8",
        data: JSON.stringify({ "id": id }),
        datatype: "json",
        success: function (data) {
            if (data.exist == true) {
                // show ValidationMessageFor 
                jQuery("#valodation_msg").css({"color":"green"});
                jQuery("#valodation_msg").html("Success");
            }
            else {
                jQuery("#valodation_msg").css({"color":"red"});
                jQuery("#valodation_msg").html("Error");
                return false;
            }
        }
    });
}

Add One Div to your HTML Code Where you want to show validation msg

<div id="valodation_msg"></div>

edited Apr 20, 2016 at 4:19

answered Apr 20, 2016 at 4:12

Prashant Patil

2,5732 gold badges19 silver badges37 bronze badges

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

4 Comments

Rafael Saavedra Over a year ago

hello thanks, but to not allow submit, is that possible?

Rafael Saavedra Over a year ago

if I submit this is my code ` @Html.EditorFor(model => model.ProductID, new { htmlAttributes = new { id="txtProductoid",@class = "form-control"} }) @Html.ValidationMessageFor(model => model.ProductID, "", new { @class = "text-danger" }) <div id="valodation_msg"></div>`

Prashant Patil Over a year ago

OH... Can You Explain What You Want Exactly?

Rafael Saavedra Over a year ago

ok, I need that when spam is displayed for any errors that the process is similar like ValidationMessageFor, do not accept the submit until the error is resolved

Taha Naqvi · Accepted Answer · 2016-04-20 04:16:18Z

0

function ExistProduct() { 

 $.ajax({
    type: 'GET',
    url: "/Products/ExistProduct",
    contentType: "application/json;charset=utf-8",
    data: JSON.stringify({ "id": id }),
    datatype: "json",
    success: function (data) {
        if (data.length > 0) {
            // show ValidationMessageFor 
        var p = document.createElement('p'),
        txt = document.createTextNode("Your validation message");
        p.appendChild(txt);
        document.getElementById("id of the element where u want to  show validation message ").appendChild(p);
        return false;

        }
        else {

        }
    }
});

}

answered Apr 20, 2016 at 4:16

Taha Naqvi

1,7661 gold badge14 silver badges25 bronze badges

Collectives™ on Stack Overflow

How display ValidationMessageFor from js

2 Answers 2

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related