layui輸入框提示不顯示

問題踩坑：

在使用layui的時候，通常引入一個layui.all.js,把他放到js文件夾下，在寫一些輸入框的時候，表單驗證的時候，提示彈窗顯示不出來

以下是代碼部分:

 

<div class="layui-row">
    <input type="text" name="phone" lay-verify="name" placeholder="請輸入姓名" />
    <select name="sheng" lay-verify="sheng" lay-filter="sheng" required>
   <option value="">請選擇省</option>
    </select>
 <select name="address" lay-verify="address" required>
            <option value="">請選擇市</option>
    </select>
</div>

//js代碼
layui.use(['form', 'layedit'], function () {
        var form = layui.form
            , layer = layui.layer
            , layedit = layui.layedit
        //自定義驗證規則，用來驗證表單輸入信息的，標簽要綁定lay-verify="sheng"
        form.verify({
            sheng: function (value) {
                if (value.length < 1) {
                    return '請選擇省份';
                }
            },
            phone: function (phone) {
                let myreg = /^[1][3,4,5,6,7,8,9][0-9]{9}$/;
                if (!myreg.test(phone)) {
                    return "請輸入正確手機號";
                }
            },
            address: function (value) {
                if (value.length < 1) {
                    return '請選擇市';
                }
            },
        })
        //監聽省的數據，可以獲取市的信息
        form.on('select(sheng)', function (data) {
            getCityList(data.value);//查找城市
        });
})

 

解決問題：

 　　給一張圖片你就明白了。下載的layui壓縮包內找到對應的文件拷貝到你的放js的文件里面，我把css文件包放進js文件里面就解決問題了，立馬彈出提示

 

其實代碼都是一步步躺坑過來的，都有點懷疑自己了，到最后發現代碼寫的沒有什么問題，其實問題出在用layui寫頁面的時候不能只僅僅引入他的js，所以他會報一些錯誤，js文件夾下的一些css文件找不到？？？，還有一些文件找不到，什么問題，只需要把缺少的一些文件拷貝過來就能出來你想要的結果。

博主還在繼續踩坑，點滴分享，希望能夠給您提供一些幫助！