Layui hint: form is not a valid module 原因与解决方法

今天在用Layui的引入第三方插件或者自定义模块的时候,调试的时候,结果出现如下错误提示:

Layui hint: form is not a valid module

中文翻译

Layui提示:form表单不是有效的模块

 

Layui hint: form is not a valid module

 

原因:

既然我们用的是第三方Layui程序,原因无非就是以下重要的几点:

1、是否重复引用了layui.js?

2、文件加载的路径是否正确 ?

3、有没有 exports 暴露模块?

4、Layui使用方法有没有问题?这个就需要自己仔细看文档,仔细看文档,仔细看文档喽。

 

解决方法

知道了原因,解决起来就容易多了,我说下我这里是如何解决的?

 

解决方法其实很简单,就是我重复引用了layui.js,我的footer.php里面也引入了layui.js,我屏蔽就恢复正常了。代码如下:

 

test.php

<?php
//引入后台头部文件
require_once ABSPATH . '/admin/view/head.php';
?>

<?php
//引入后台左侧边栏文件
require_once ABSPATH . '/admin/view/left-sidebar.php';
?>

<div class="layui-body">
    <!-- 内容主体区域 -->
    <div style="padding: 15px 0 0 15px;">
        <fieldset class="layui-elem-field layui-field-title">
            <legend>地区~添加</legend>
        </fieldset>
    </div>

    <div style="padding: 15px;">
        <form class="layui-form layui-form-pane" action="" method="post" enctype="multipart/form-data" autocomplete="on">
            <div class="layui-form-item">
                <label class="layui-form-label">名称 <span style="color: red;background-color: white;">*</span></label>
                <div class="layui-input-block">
                    <input type="text" name="name" lay-verify="required" maxlength="20" value="" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">别名 <span style="color: red;background-color: white;">*</span></label>
                <div class="layui-input-block">
                    <input type="text" name="alias" lay-verify="required" maxlength="20" pattern="[a-z0-9_-]+" title="匹配规则未通过!" value=""  class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">所属地区</label>
                <div class="layui-input-inline">
                    <select  lay-filter="Loadprovince"  name="province" id="province">
                        <option value ="province">省111111111111</option>
                        <?php echo $province; ?>

                    </select>
                </div>
                <div class="layui-input-inline">
                    <select  lay-filter="Loadcity" name="city" id="city">
                            <option value ="city">市2222222</option>
                    </select>
                </div>
                <div class="layui-input-inline">
                    <select name="county" id="county">

                            <option value ="county">县3333333333333333</option>

                    </select>
                </div>
                <br />
                <br />
                <br />
                <p style="color: #757575">一级省级行政区 包括:省、自治区、直辖市、特别行政区。</p>
                <p style="color: #757575">二级市级行政区 包括:地级市、地区、自治州、盟。</p>
                <p style="color: #757575">三级县级行政区 包括:市辖区、县级市、县、自治县、旗、自治旗、林区、特区。</p>
                <p style="color: #757575">四级乡级行政区 包括:街道、镇、乡、民族乡、苏木、民族苏木、县辖区。</p>

            </div>

            <div class="layui-form-item">
                <input type="hidden" name="token" value="<?php echo $get_token; ?>"/>
                <button class="layui-btn" lay-submit="" lay-filter="demo2">提交</button>
            </div>
        </form>
        <script src="/453535-admin/layui/layui.js?x88036" charset="utf-8"></script>
        <!-- 注意:如果你直接复制所有代码到本地,上述js路径需要改成你本地的 -->
        <script>
            layui.use(['form', 'layedit', 'laydate'], function(){
                    var form = layui.form;
                    form.on('select(Loadprovince)', function(data){
                        var val=data.value;
                        console.info(val);
                        var xhttp = new XMLHttpRequest();
                        xhttp.onreadystatechange = function() {
                            if (this.readyState == 4 && this.status == 200) {
                                if(document.getElementById("city").getAttribute("disabled")){
                                    //console.info(100);
                                    document.getElementById("city").removeAttribute("disabled");
                                }else{
                                    //console.info(200);
                                    //document.getElementById("city").setAttribute("hidden","hidden");
                                    document.getElementById("county").innerHTML = '<option value="county">县</option>';
                                    document.getElementById("county").setAttribute("disabled","disabled");
                                }
                                document.getElementById("city").innerHTML = this.responseText;
                            }
                        };
                        //获取省地区的ID并ajax传送到服务端,例如:四川省id=5
                        var data = "province=" + document.getElementById("province").value + "&type=<?php echo $type;?>";
                        console.log(data);
                        xhttp.open("POST", "<?php echo $HOMEURL.$ADMIN_ADDRESS;?>?action=unique-ajax", true);
                        xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
                        xhttp.send(data);
                        form.render();
                    });
                    form.on('select(Loadcity)', function(data){
                        //var val=data.value;
                        //console.info(val);
                        var xhttp = new XMLHttpRequest();
                        xhttp.onreadystatechange = function() {
                            if (this.readyState == 4 && this.status == 200) {
                                if(document.getElementById("county").getAttribute("disabled")){
                                    document.getElementById("county").removeAttribute("disabled");
                                }
                                document.getElementById("county").innerHTML = this.responseText;

                            }
                        };
                        var data = "city=" + document.getElementById("city").value + "&type=<?php echo $type;?>";
                        console.log(data);
                        xhttp.open("POST", "<?php echo $HOMEURL.$ADMIN_ADDRESS;?>?action=unique-ajax", true);
                        xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
                        xhttp.send(data);
                        form.render();
                    });

                }
            );
        </script>
    </div>

</div>




<?php
//引入后台底部文件
//require_once ABSPATH . '/admin/view/footer.php';
?>
    A+
发布日期:2021年03月17日 10:24:18  所属分类:Layui
最后更新时间:2021-03-17 10:31:39
评分: (1 票;平均数5.00 ;最高评分 5 ;用户总数1;总得分 5;百分比100.00)
付杰
微信小程序前后端全栈开发 (Node.js+Express)
  • ¥ 39.0元
  • 市场价:39.0元
C++基础入门到进阶视频教程
  • ¥ 498.0元
  • 市场价:498.0元
Sublime Text3使用视频教程:神级代码编辑工具
  • ¥ 15.0元
  • 市场价:15.0元
前端工程化构建工具:Babel7+Webpack4
  • ¥ 15元
  • 市场价:15元

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: