我正在为我的应用程序使用 bootstrap 4 样式。应用程序有两个文本框和一个提交按钮。当您单击“保存”按钮时,它将调用 Web API 并异步获取一些详细信息(它不会重定向页面)。验证仅适用于第一个文本框。
(function() {
'use strict';
window.addEventListener('load', function() {
// Fetch all the forms we want to apply custom Bootstrap validation styles to
var forms = document.getElementsByClassName('needs-validation');
// Loop over them and prevent submission
var validation = Array.prototype.filter.call(forms, function(form) {
form.addEventListener('submit', function(event) {
if (form.checkValidity() === false) {
event.preventDefault();
event.stopPropagation();
}
form.classList.add('was-validated');
}, false);
});
}, false);
})();Run Code Online (Sandbox Code Playgroud)
<!DOCTYPE html>
<html>
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<script …Run Code Online (Sandbox Code Playgroud)