1

我有以下代码，目前是 WORKING 代码

形式：

<form id="demoForm" method="POST">
    // bootstrap form...
</form>

页面脚本：

<script src="~/scripts/Framework/jquery-3.3.1.min.js"></script>
<script src="~/scripts/Framework/bootstrap-4/js/bootstrap.bundle.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/es6-shim/0.35.3/es6-shim.min.js"></script>
<script src="~/scripts/Plugins/formvalidation-1.3.0/js/FormValidation.full.min.js"></script>
<script src="~/script/Plugins/formvalidation-1.3.0/js/plugins/Bootstrap.min.js"></script>
 <script src="~/script/Plugins/formvalidation-1.3.0/js/plugins/J.min.js"></script>
<script>
$(function(){
$('#demoFrom').formValidation({
plugins: {
declarative: new FormValidation.plugins.Declarative({ html5Input: true }),
trigger: new FormValidation.plugins.Trigger(),
bootstrap: new FormValidation.plugins.Bootstrap(),
submitButton: new FormValidation.plugins.SubmitButton(),
icon: new FormValidation.plugins.Icon({
    valid: 'fa fa-check',
    invalid: 'fa fa-times',
    validating: 'fa fa-refresh'
})
}
});
});
</script>

但是当我尝试使用 requirejs 时，它不是。下面的 NOT WORKING 代码：

<script src="~/scripts/Framework/require.js" data-main="~/scripts/app.js">

应用程序.js：

require.config({
    baseUrl: '/Scripts/',
    paths: {
        jquery: 'Framework/jquery-3.3.1.min',
        bootstrap:'Framework/bootstrap-4/js/bootstrap.bundle.min',
        es6Shim: 'Framework/es6-shim.min',
        fvMain: 'Plugins/formvalidation-1.3.0/js/FormValidation.full.min',
        fvBootstrap: 'Plugins/formvalidation-1.3.0/js/plugins/Bootstrap.min',
        fvJQuery: 'Plugins/formvalidation-1.3.0/js/plugins/J.min'
    },
    shim: {
        jquery: {
            exports: '$'
        },
        bootstrap: {
            deps:['jquery']
        },
        fvBootstrap: {
            deps: ['es6Shim', 'fvMain','fvJQuery']
        }
    }
});

require(['jquery', 'bootstrap'],
    function ($) {
//... some other tasks
require[('fvBootstrap'), function(){
$('#demoFrom').formValidation({
plugins: {
declarative: new FormValidation.plugins.Declarative({ html5Input: true }),
trigger: new FormValidation.plugins.Trigger(),
bootstrap: new FormValidation.plugins.Bootstrap(),
submitButton: new FormValidation.plugins.SubmitButton(),
icon: new FormValidation.plugins.Icon({
    valid: 'fa fa-check',
    invalid: 'fa fa-times',
    validating: 'fa fa-refresh'
})
}
});
});

});

在 requirejs 代码中，我收到错误“未定义 FormValidation”

我试图联系开发人员解决这个问题，但没有任何运气。任何人都可以帮助我吗？

4

1 回答 1

0

再次检查你的导入，我猜你正在包含这个库，但实际上你的目录中没有它。检查此导入

<script src="~/scripts/Plugins/formvalidation-1.3.0/js/FormValidation.full.min.js"></script>
于 2020-02-03T09:47:17.143 回答