Javascript int variable from ASP.NET MVC Model data?

Question

I need to get model data into a javascript variable and use it as an int to compare values. But I can only figure out how to get the model data as strings, otherwise the compiler complains.

So how can I get the max and taskBudgetHours as int variables in the Javascript?

<script type="text/javascript">
    $(document).ready(function () {
        $("#taskForm").submit(function (e) {
            var taskBudgetHours = $('#BudgetHours').val();
            var max = '<%: Model.Project.RemainingBudgetHours %>';

            alert(taskBudgetHours);
            alert(max);

            if (taskBudgetHours <= max) { //This doesn't work, seems to treat it as strings...
                return true;
            }
            else {
                //Prevent the submit event and remain on the screen
                alert('There are only ' + max + ' hours left of the project hours.');
                return false;
            }
        });
    });
</script>

I edited your code a bit; the most noteworthy thing is that if you do return false, you don't need to do e.preventDefault() — Domenic
– Domenic, Commented Jan 11, 2011 at 23:11

Domenic · Accepted Answer · 2011-01-11 23:07:34Z

4

For max, don't put quotes around it:

var max = <%: Model.Project.RemainingBudgetHours %>;

For taskBudgetHours, use the built-in JavaScript parseInt function:

var taskBudgetHours = parseInt($('#BudgetHours').val(), 10);

Note the use of the radix parameter for parseInt; this prevents e.g. "020" as being parsed as octal:

parseInt("020") === 16 // true!

answered Jan 11, 2011 at 23:07

Domenic

113k42 gold badges227 silver badges275 bronze badges

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

2 Comments

Anders Over a year ago

Ok, but for max is it valid syntax? I get a complaint from ReSharper saying it's expecting an expression if I remove the quotes...

Domenic Over a year ago

You're mixing ASP.NET with C# with JavaScript and you expect ReSharper to be smart enough to figure that out? No way! The more important test is, does it work when you run it in the browser?

Vasile Laur · Accepted Answer · 2011-01-11 23:16:45Z

1

I would try to assign the Model.Project.RemainingBudgetHours to a hidden field on page load and then get its value as you do with the taskBudgetHours. Also not quite sure but you can try:

var max = parseInt('<%: Model.Project.RemainingBudgetHours %>')

answered Jan 11, 2011 at 23:16

Vasile Laur

6957 silver badges16 bronze badges

Collectives™ on Stack Overflow

Javascript int variable from ASP.NET MVC Model data?

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