未填写电子邮件字段时显示引导警报

Question

我正在开发一个网站，当他点击“重置您的密码”行以在相应字段中输入他的电子邮件时，我需要通知用户。我检查了bootstrap文档，它们只显示下拉警报的HTML代码...它在页面加载时运行，但我只想在单击短语时显示警报。检查下面的代码......

            <button type="submit" name="go" id="connect_btn" class="btn btn-primary btn-block" tabindex="4" >Sign In</button>
            <div>
                <a id="signup_btn" href="../signup.php">Create an Account</a>
                    <div>
                        <a id="forgetpwd_btn" href="#" onclick="submitForm('../actions/process_forgetpwd.php');">Reset your Password</a>
                    </div>
            </div>
        </form>
    </section>

我知道这样做的最好方法是做一个js，但不幸的是我对它们的经验很少。

非常感谢!!

Answer 1

你可以这样做：

<input type="email" ..... required>

必需属性是布尔属性。

如果存在，则指定在提交表单之前必须填写输入字段。

这不是警报，但会向用户显示一条消息，通知输入是否与电子邮件（@）不匹配，或者是否缺少该字段。