0

Всем привет друзья. Подскажите пожалуйста как сделать

  <button class="login100-form-btn" id="btn">
      <!-- <a href="~/Home/Register" class="txt1">
          123
      </a>-->
      @Html.ActionLink("More information", "Register")
   </button>

На странице кнопка. Хочу сделать клик по кнопке переход на станицу регистрации.

<script type="text/javascript">
        $(document).ready(function () {
            $('#btn').on('click', function () {
                var btn = $(this);
                btn.button('loading');
                $.ajax({
                    type: 'POST',
                    async: true,
                    cache: false,
                    url: '@Html.ActionLink("register", "Register")',
                    success: function (data) {
                        btn.button('reset');
                        $('.alert').css('display', 'block').text(data.title);
                    }
                });
            });
        });
</script>

Почему то не работает. Как только не пробовал.

<!-- <a href="~/Home/Register" class="txt1">
              123
</a>-->

Так работает. Но тогда приходиться тыкать на ссылку а не на кнопку. Можно промахнуться спокойно. Вариант не очень

2
  • Сделайте ссылку ссылкой и стилизуйте при помощи css под кнопку. Если вы используете штатный фреймворк то в комплекте идёт бутстрап в котором буквально два готовых класса закинуть в стили.
    – A K
    2 апр 2021 в 12:16
  • Можете пожалуйста показать пример любой?
    – Boris
    3 апр 2021 в 1:08

1 ответ 1

1

Как вам посоветовали в комментарии, стилизуйте ссылку под кнопку.

Например, так:

<a href="~/Home/Register" class="btn btn-primary btn-lg">Register</a>

или так:

<a href="@Url.Action("Register","Home")" class="btn btn-primary btn-lg">Register</a>

Buttons - ссылка на документацию, где можно посмотреть и быстро выбрать нужный вид кнопки.

4
  • Так просто? надо же. Спасибо мужик.
    – Boris
    4 апр 2021 в 2:44
  • ` <button class="login100-form-btn" id="myButton"> Registation </button> $("#myButton").click(function(evt) { evt.preventDefault(); document.location.href='@Url.Action("Register", "Home")'; });` А правильно ли делать так через функцию?
    – Boris
    4 апр 2021 в 2:45
  • @НикитаВасильев - если работает, то почему нет? Но сейчас такая тенденция - делать через css всё, что можно. 4 апр 2021 в 9:00
  • Вроде как в интернетах пишут что как то не очень так делать.
    – Boris
    4 апр 2021 в 10:17

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.