функция не определена C # - PullRequest
1 голос
/ 25 апреля 2019

Я пытаюсь вызывать функции нажатием кнопок, но ничего не происходит, и я вижу это в консоли.

Uncaught ReferenceError: AddressInputSet не определен в HTMLButtonElement.onclick

Я новичок в этом, пожалуйста, помогите Asp.NET Core 2.2

<h2 class="text-center">Ваши данные</h2>
<form method="post" asp-controller="Profile" asp-action="UserInfo">
    <div class="form-group">
        <label>Email</label>
        <input class="form-control" type="text" placeholder="@ViewBag.User.Email" readonly />
    </div>
    <div class="form-group">
        <label>Имя</label>
        <input class="form-control" type="text" placeholder="@ViewBag.User.FirstName" readonly />
    </div>
    <div class="form-group">
        <label>Фамилия</label>
        <input class="form-control" type="text" placeholder="@ViewBag.User.LastName" readonly />
    </div>
    <div class="form-group">
        <label>Адресс</label>
        <input class="form-control" id="AddressInput" type="text" placeholder="@ViewBag.User.Address" readonly /><br />
        <button type="button" onclick="AddressInputSet()" class="btn btn-primary" id="buttonSetAddress">Изменить</button>
        <button type="button"onclick="SaveAddress()" class="btn btn-success" id="buttonSaveAddress" hidden>Сохранить</button>
    </div>
</form>
@section Scripts{
    <script type="text/javascript">
    function AddressInputSet() {
        document.getElementById('AddressInput').removeAttribute('readonly');
        document.getElementById('buttonSetAddress').hidden = 'true';
        document.getElementById('buttonSaveAddress').removeAttribute('hidden');
        alert('sdfgdfg');
    };
   function SaveAddress() {
        var data ={
            userId: @ViewBag.User.Id,
            address: document.getElementById('AddressInput').value
        };

        $.ajax({
            type: 'POST',
            url: '/Account/ResetAddress',
            data: data,
            //contentType: "application/x-www-form-urlencoded; charset=utf-8",
            //dataType: JSON,
            success: function () {
                document.getElementById('buttonSaveAddress').hidden = 'true';
            },
            error: function () {
                alert('Error');
            }
        });
    };
    </script>
}

Ответы [ 2 ]

2 голосов
/ 25 апреля 2019

Проверьте ваш @RenderSection("scripts", required: false) в представлении _Layout. Убедитесь, что он находится внутри тега <body>, а не снаружи закрывающего тега </body>.

1 голос
/ 25 апреля 2019

Вы можете отобразить скрипт в макете следующим образом:

@RenderSection("scripts", false);

ИЛИ: Вместо встроенного обработчика событий попробуйте ненавязчивый обработчик событий, чтобы прикрепить события в коде JS:

$('#buttonSetAddress').click(function () {
     document.getElementById('AddressInput').removeAttribute('readonly');
     document.getElementById('buttonSetAddress').hidden = 'true';
     document.getElementById('buttonSaveAddress').removeAttribute('hidden');
     alert('sdfgdfg');
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...