asp.net core verify a model is not null before jquery

Question

I have a query to be executed on a btn click. The problem is that I can't even open the page because the model is null which I know it is innitialy but becomes not null based on a parameter passed later. What I tried is

$(function(){
                $("#btnVer").on("click", function(){
                    if("@(Model.IntrebareClass != null)")
                    {
                        //checkA
                        if($("#rasA").hasClass("colorA") && checkA == "@Model.IntrebareClass.CorectA")
                        {
                            $("#rasA").css("background-color", "green")
                        }

JavaScript

Copy

this is a part of the jquery. How do I fix this?

Answer 1

I manage to fix it by using a JSON call

 

$.getJSON(`?handler=CorrectDetails&id=${id}`, (data) => {
                    if (!jQuery.isEmptyObject(data)) {

                        //checkA
                        if($("#rasA").hasClass("colorA") && checkA == data.corectA)
                        {
                            $("#rasA").css("background-color", "green");
                        }
                        else if($("#rasA").hasClass("colorA") && checkA != data.corectA)
                        {
                            $("#rasA").css("background-color", "red");
                        }
                        else if($("#rasA").hasClass("colorB") && checkA == data.corectA)
                        {
                            $("#rasA").css("background-color", "gray");
                        }

 

Answer 2

Hi, you can try this 

if ($("#YourFormName").valid()) {
//checkA
                        if($("#rasA").hasClass("colorA") && checkA == "@Model.IntrebareClass.CorectA")
                        {
                            $("#rasA").css("background-color", "green")
                        }
}

 To validate from Controller, you can use ModelState

if (!ModelState.IsValid) return BadRequest("Enter required fields");

 

Answer 3

test this

$(function(){
                $("#btnVer").on("click", function(){
                var cond="@Model.IntrebareClass";
                    if(cond!=' ')
                    {
                        //checkA
                        if($("#rasA").hasClass("colorA") && checkA == "@Model.IntrebareClass.CorectA")
                        {
                            $("#rasA").css("background-color", "green")
                        }

 

Answer 4

what if you check with boolean

if($("#rasA").hasClass("colorA") && checkA == Boolean("@Model.IntrebareClass.CorectA") )

 

Answer 5

Also, the error is on line 

 

if($("#rasA").hasClass("colorA") && checkA == "@Model.IntrebareClass.CorectA")

 

 checkA was assigned true value with 

 

var checkA == true;

and Model.Intrebare.CorectA is the result of a checkbox, true or false 

Answer 6

Thank you all for answers, I am using Asp.Net Core Razor pages, my jquery is in the View. I tried both solutions, Satya and Sachin but is not working. The page is loading perfectly without this function but is not working because of the model is null.

I don't see how to use model validation Srinivasan, I am not having issues in code behind 

Answer 7

Use modelstate.isvalid Check this link https://docs.microsoft.com/en-us/aspnet/core/mvc/models/validation?view=aspnetcore-6.0