HTML:取消所需输入并重定向回索引的按钮

时间:2019-05-06 19:52:29

标签: html forms validation submit required

我正在一个项目中,要求用户注册一个帐户。我目前正在尝试弄清楚如何获取一个按钮来取消当前表单并重定向回索引页面。

将用户定向到一个简单的页面,他们可以在其中输入其名称。该名称当前是“必需的”,因此如果用户要创建帐户,则必须输入该名称。 用户在此页面上有两个选项: 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 :(得分:-1)

如果需要链接,请使用链接。

如果要提交按钮,请使用提交按钮。

不要将两者用于同一控件。无论如何,HTML都不允许。