今天在用Layui的引入第三方插件或者自定义模块的时候，调试的时候，结果出现如下错误提示：
Layui hint: form is not a valid module
中文翻译
Layui提示：form表单不是有效的模块
原因：
既然我们用的是第三方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?x61917" 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';
?>
