Uncaught SyntaxError: Неожиданный токен! =

Question

У меня есть следующее Form, на котором я выполняю Validation. У меня есть следующий код:

<form method="post" asp-action="actionName" asp-controller="controllerName" id="myForm">
    <div asp-validation-summary="ModelOnly" class="text-danger"></div>    
    <div class="card">
        ...
        <div class="row">
            <div class="col-sm-6 m-t-20">
                <div class="fg-line">
                    <label asp-for="Name" class="fg-label" for="name">Name</label>
                        <input asp-for="Name" class="form-control" id="name" name="name" required />
                        <span asp-validation-for="Name" class="text-danger"></span>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-6 m-t-20">
                <div class="fg-line">
                    <label asp-for="Age" class="fg-label" for="age">Age</label>
                        <input asp-for="Age" class="form-control" id="age" name="age" required />
                        <span asp-validation-for="age" class="text-danger"></span>
                </div>
            </div>
        </div>
        ...
    </div>
</form>

<script src="~/js/app.js"></script>

@section Scripts{
    @{ await Html.RenderPartialAsync("_ValidationScriptsPartial"); }

    <script type="text/javascript">

        $('form').validate({
            onfocusout: function (element) {
                this.element(element);
            },
            messages: {
                amount: 'Enter Name',
                age: 'Enter Age',
            },
            highlight: function (element) {
                $(element).closest('.input-group').addClass('has-error');
            },
            unhighlight: function (element) {
                $(element).closest('.input-group').removeClass('has-error');
                $(element).closest('.input-group').addClass('has-success');
            }
        })


        $(document).ready(function(){
            if(@ViewBag.userId != null){
                var userId = @ViewBag.userId;

        }


    </script>
}

Когда я пытаюсь отправить форму пустой (без ввода данных), я ожидаю появления всплывающих предупреждений. Тем не менее, я не вижу никаких сообщений рядом с полем. Но я вижу, что форма не отправляется, и курсор подсказывает мне ввести текст. Куда я иду не так?

Answer 1

Проблема в том, что код бритвы не оценивается одновременно с вашим кодом JavaScript. Сначала нужно проверить нулевое значение, используя бритву, а затем использовать код JS

 @if(ViewBag.userId != null)
  {
       //your code    
  }