HTML: кнопка, которая отменяет необходимый ввод и перенаправляет обратно в индекс - PullRequest
0 голосов
/ 06 мая 2019

Я работаю над проектом, в котором пользователям предлагается зарегистрировать учетную запись.В настоящее время я пытаюсь выяснить, как получить кнопку для отмены текущей формы и перенаправления обратно на страницу индекса.

Пользователь направляется на простую страницу, где он может ввести свое имя.В настоящее время имя является «обязательным», поэтому пользователь должен ввести его, если он хочет создать учетную запись.У пользователя есть две опции на этой странице: 1. введите имя, нажмите «Создать учетную запись» 2. нажмите «Отменить создание учетной записи»

Прямо сейчас, когда я нажимал «Отменить создание учетной записи», я продолжал получатьсообщение с просьбой заполнить поле «Имя», так как это необходимо.Как я могу обойти это, чтобы я мог просто вернуться на страницу индекса и не отправлять форму?

Я уже пробовал "formnovalidate", и это не сработало.Я искал некоторые другие решения, но ни одно, которое бы выполняло и перенаправление, и отмену.

Вот CodePen для этого проекта: https://codepen.io/anfperez/pen/oRgoOm

<label>Name</label>
<input id="name" name="name" maxlength="80" required/>

<input id="register" type="submit" name="submit" value="CREATE ACCOUNT" /> 
<!--this is supposed to redirect back to an index page -->
<a href="./"><button style="margin-left:20px;" noformvalidation>CANCEL CREATE ACCOUNT</button></a>

1 Ответ

0 голосов
/ 06 мая 2019

Если вы хотите ссылку, используйте ссылку.

Если вы хотите кнопку отправки, используйте кнопку отправки.

Не используйте оба для одного и того же элемента управления. В любом случае это не разрешено в HTML.

...