【问题标题】:formvalidation v1.3.0 not working with requirejsformvalidation v1.3.0 不适用于 requirejs
【发布时间】:2019-07-15 23:53:36
【问题描述】:

我有以下代码,目前是 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">

App.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 is not defined”

我已尝试联系开发人员解决此问题,但没有成功。任何人都可以帮助我吗?

【问题讨论】:

    标签: requirejs formvalidation-plugin formvalidation.io


    【解决方案1】:

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

    <script src="~/scripts/Plugins/formvalidation-1.3.0/js/FormValidation.full.min.js"></script>
    

    【讨论】:

      猜你喜欢
      • 2013-08-02
      • 1970-01-01
      • 1970-01-01
      • 2015-03-09
      • 2020-02-01
      • 2013-05-24
      • 1970-01-01
      • 1970-01-01
      • 2016-11-03
      相关资源
      最近更新 更多