Bootstrap plugins
Bootstrap常用组件封装为JavaScript,适用于 Bootstrap 4.6.x。
使用方法:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/lodash@4.17.21/lodash.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery-validation@1.19.3/dist/jquery.validate.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery-validation@1.19.3/dist/localization/messages_zh.min.js"></script>
<script src="dist/js/bootstrap-plugins.min.js"></script>
Modal
bsModal(content,title,onOk)
Toasts
bsToasts(object)
Validation
// 方法
$('.needs-validation').bsValidate(rules, messages)
// 初始化
const formV = $('.needs-validation').bsValidate(rules, messages)
// 校验
$('.btn').on('click', function () {
formV.form()
})
查看示例:https://codepen.io/faganer/pen/OJWWqaK。