CODEWITHSUNDEEP
c#javascriptasp.net-mvc-3razor
gdoron
gdoron

Reputation: 150253

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

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?

Upvotes: 23

Views: 18301

Answers (2)

Bochu
Bochu

Reputation: 377

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').

Upvotes: 2

Darin Dimitrov
Darin Dimitrov

Reputation: 1038720

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.

Upvotes: 56

Related Questions