如何触发验证气泡答案

【问题标题】：How to trigger validation bubble如何触发验证气泡
【发布时间】：2018-06-25 03:27:02
【问题描述】：

我有一个带有引导 4 表单组输入按钮的起始表单（带有关联按钮的输入）。我正在使用简单的 Jquery 验证来提示用户输入有效的学生 ID。如果用户在输入具有焦点时按下回车键，则会弹出一个 HTML 5 验证气泡，该气泡会弹出“请填写此字段”。我正在尝试（为了保持一致性）让按钮产生相同的行为。我尝试过创建一个 jquery 事件并模拟一个点击事件，以及其他几种方法......有人知道如何完成这个吗？

<form id="student-search-form" name="student-search-form" onsubmit="authorizeuser()" class="was-validated" autocomplete="off" autocompletetype="none">
    <div class="input-group input-group-sm">
        <input id="searchid" name="searchid" type="text" class="form-control" placeholder="Student ID" aria-label="Student ID" pattern=".{6,8}" autofocus required>
        <span class="input-group-append">
            <button id="go" class="btn btn-success rounded-right" type="button" onclick="triggerenter()">Go!</button>
        </span>
        <div class="invalid-feedback ml-1">Please provide a valid StudentID</div>
    </div>
</form>

【问题讨论】：

标签： jquery html validation bootstrap-4

【解决方案1】：

您希望您的按钮具体做什么？假设它应该提交表单，您应该将type="button" 更改为type="submit"。无论表单是通过按钮还是按键事件提交，HTML5 弹出窗口都应该在任何一种情况下发生。

【讨论】：