使用带有链接的按钮的表单验证电子邮件答案

【问题标题】：Form valdiation email using button with link使用带有链接的按钮的表单验证电子邮件
【发布时间】：2018-11-05 19:26:53
【问题描述】：

我正在尝试使用 html 做一些非常简单的事情，但是我找不到一个简单的方法来解决这个问题，没有 onclick javascript 事件。

我的代码是这样的：

           <div class="email">
                <input type="email" placeholder="Email">
            </div>
            <a href="validation.html">
                    <button class="subscription-button">Keep Me Posted!</button>
            </a>

这很简单。

没有href="validation.html 标签，我得到一个自动的表单验证，通知“@”何时丢失等。 但是，在将链接添加到页面时，不会检查此验证，它会继续到下一页。 如何让它检查约束而不需要为此编写 JS？

我试过了：

          <form action=./validation.html>
            <div class="email">
                <input type="email" placeholder="Email">
            </div>

                <input type="submit" value="Keep Me Posted!" />
            </form>

但结果相同

【问题讨论】：

按钮不是链接内的有效元素。使用<form> with an action= attribute
我也试过了，没用。

标签： html forms validation email

【解决方案1】：

尝试使用表单而不是带有required 属性的链接，以防止空数据自动验证电子邮件类型

<form action="validation.html">
      <div class="email">
        <input type="email" placeholder="Email" required>
      </div>
      <button type="submit"  class="subscription-button">Keep Me Posted!</button>
    </form>

【讨论】：

非常感谢！这有效。嗯...不知道为什么我的其他解决方案不起作用！
您错过了表单字段中的required 属性。如果对您有帮助，请标记为已接受的答案。
我正在尝试，我要等6分钟
不用担心。很高兴我能帮上忙

【解决方案2】：

我删除了validation.html旁边的斜线。

试试这个：

<form action="validation.html">
  <div class="email">
    <input type="email" placeholder="Email" required>
  </div>
  <button type="submit"  class="subscription-button">Keep Me Posted!</button>
</form>

【讨论】：