Question

我有一个起始表单，它有一个bootstrap 4表单组输入按钮（带有相关按钮的输入）。我使用简单的Jquery验证来提示用户输入有效的studentid。如果用户在输入具有焦点时点击回车键，则会弹出一个HTML 5验证气泡＆＃34;请填写此字段＆＃34;。我正在尝试（为了一致性）让按钮产生相同的行为。我尝试过创建一个jquery事件并模拟一个click事件，以及其他一些方法......任何人都知道如何实现这个目标？

<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>

Answer 1

您希望按钮完全按照您的要求做什么？假设它应该提交表单，您应该将int month = cal.get(new DecimalFormat("00").format(Calendar.MONTH)) + 1;更改为type="button"。如果表单是通过按钮或键事件提交的，那么无论如何都应该发生HTML5弹出窗口。

如何触发验证泡泡

1 个答案: