Используйте форму для входа на веб-страницу - PullRequest
Новая
       25

Используйте форму для входа на веб-страницу

0 голосов
/ 28 апреля 2020

Я сделал форму, которая отправляет данные для входа на этот сайт: https://kintai.jinjer.biz/sign_in Я пытаюсь войти на сайт, используя мою форму.

Однако, когда я нажимаю кнопку Отправить, сервер отправляет файл JSON в качестве ответа. Есть ли способ заставить сервер перенаправить меня на страницу входа в систему т.е. https://kintai.jinjer.biz/staffs/top

Вот мой html код для формы 

    <form method="post" action="https://kintai.jinjer.biz/v1/sign_in" class="login-form"  id="jlogin-form-staff"><dl class="login-form__item">

    <input class="login-input--text jcompanycode" id="company_code" name="company_code"  type="text" value="3809" />

<input class="email login-input--text" name="email" type="text" value="1234" />

<input class="jpassword login-input--text" name="password" placeholder="パスワード" type="password" value="das1728940" />

   <input onclick = "window.location.href= 'https://kintai.jinjer.biz/staffs/top';" type="submit" value= "submit">

</form>

I попытался использовать onclick для перенаправления, но это не сработало. Я также попытался использовать функцию, которая не работала. Любые другие идеи будут высоко оценены

Ответы [ 2 ]

0 голосов
/ 28 апреля 2020

использование ajax. добавление jQuery к вашему коду сделает его более простым.

сначала измените HTML на: 

<form method="post" action="https://kintai.jinjer.biz/v1/sign_in" class="login-form"  id="jlogin-form-staff">

<dl class="login-form__item">

    <input class="login-input--text jcompanycode" id="company_code" name="company_code"  type="text" value="3809" />

<input class="email login-input--text" name="email" type="text" value="1234" />

<input class="jpassword login-input--text" name="password" placeholder="パスワード" type="password" value="das1728940" />

   <input  type="button" id="submit-form" value= "submit">
</dl>
</form>

Затем отправьте форму с помощью ajax. 


$("#submit-form").click(function(e) {


    var form = $(".login-form");
    var url = form.attr('action');

    $.ajax({
           type: "POST",
           url: url,
           data: form.serialize(), 
           success: function(data)
           {
               window.location.href="https://kintai.jinjer.biz/staffs/top"
           }
         });


});

рабочий пример можно найти здесь: http://jsfiddle.net/c8xds7u4/

0 голосов
/ 28 апреля 2020

сбросьте «onclick». type = "submit" достаточно, чтобы браузер знал, когда сработала кнопка отправки. Кроме того, в ваш код внесены некоторые исправления cosmeti c. здесь: 

<form method="post" action="https://kintai.jinjer.biz/v1/sign_in" class="login-form"  id="jlogin-form-staff">
    <dl class="login-form__item">

    <input class="login-input--text jcompanycode" id="company_code" name="company_code"  type="text" value="3809" />

    <input class="email login-input--text" name="email" type="text" value="1234" />

    <input class="jpassword login-input--text" name="password" placeholder="パスワード" type="password" value="das1728940" />

    <input type="submit" value="submit">
    </dl>

</form>
...