Is it possible to use razor syntax in a javascript code in ASP.NET Core

Question

In my MVC project, I have a form to be filled out by the user. There is client-side validation in the view; if you leave input fields empty and hit the post button, You'd see validation tags for each input. On hitting the post button a message is to be shown to the user for posting. The problem is on hitting the button, Even without filling out the form, It still shows the message. I tried to check whether the Model is not null by using Razor Syntax in javascript code, But I failed. Any suggestion?

@model User

<form method="post">
--------a few input fields in a form-------
 <button id="button" type="submit" class="btn btn-lg btn-success">send</button>
</form>
<div class="submit-progress d-none">
    <label>be patient please...</label>
</div>
@section scripts{
    <partial name="_ValidationScriptsPartial" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/5.2.7/js/fileinput.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#button").click(function () {
               if(@Model != null){
                 $(this).prop("disabled", true);
                 $(".submit-progress").removeClass("d-none");
             }
        });
    </script>
}

@Model will not be changed with inputs in the view,if you want to check if the inputs is null,you should use like $("#xxx").val()!="". — Yiyi You
– Yiyi You, Commented Apr 7, 2022 at 8:54

Victor · Accepted Answer · 2022-04-07 08:36:56Z

1

When you send your HTML to the browser, your "@Model" takes a value that never change. Suppose that @Model is null, you send this code to the client:

    $(document).ready(function () {
        $("#button").click(function () {
           if(null != null){
             $(this).prop("disabled", true);
             $(".submit-progress").removeClass("d-none");
         }
    });

Every button click will have the same condition always. You need to do some AJAX invocation or PostBack to check if your Model continue been null.

answered Apr 7, 2022 at 8:36

Victor

2,3922 gold badges7 silver badges13 bronze badges

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

Collectives™ on Stack Overflow

Is it possible to use razor syntax in a javascript code in ASP.NET Core

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related