C# 'if' key word inside <script> tag in razor view

Question

I'm trying to write the following code inside ASP.Net-MVC razor view but the page won't compile.

<script>     

    @(if (Model.IsValid))
     {
        ("#ErrorMessage).text("Error");
     }
    else
    {
       ("#Registration).text("Done!");
    }

</script>

There are workarounds that I did to achieve that operation, but is there a simple way?

Interesting tidbit: the <script> breaks this question in the RSS feed. — Bob2Chiv
– Bob2Chiv, Commented Oct 6, 2011 at 15:55

Darin Dimitrov · Accepted Answer · 2011-10-06 15:43:49Z

56

Try like this:

<script type="text/javascript">
    @if (ViewData.ModelState.IsValid)
    {
        <text>$('#ErrorMessage').text('Error');</text>
    }
    else
    {
        <text>$('#Registration').text('Done!');</text>
    }
</script>

Things to notice:

usage of ViewData.ModelState.IsValid to test if there are modelstate errors
usage of the special <text> to indicate to the razor parser to use the text as is
usage of the $ function as I suppose this is jQuery code
properly closing quotes around javascript strings
usage of the type="text/javascript" attribute on the script tag.

answered Oct 6, 2011 at 15:43

Darin Dimitrov

1.0m277 gold badges3.3k silver badges3k bronze badges

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

2 Comments

gdoron Over a year ago

You are right about your comments, I just gave a simple example (With stupid errors), checking the <text> now

gdoron Over a year ago

As always your answer was helpful!

Bochu · Accepted Answer · 2014-11-23 17:15:20Z

2

Here's a workaround that may look a little better:

<script>
    var modelIsValid = '@ViewData.ModelState.IsValid' == '@true';
    if(modelIsValid)
    {
        $("#ErrorMessage").text("Error");
    }
    else
    {
        $("#Registration").text("Done!");
    }
</script>

Using '@true' makes sure that the true string is always correct (rather than hardcoding it like 'True').

answered Nov 23, 2014 at 17:15

Bochu

3753 silver badges7 bronze badges

Collectives™ on Stack Overflow

C# 'if' key word inside <script> tag in razor view

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related