在使用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 //自定義驗證規(guī)則,用來驗證表單輸入信息的,標簽要綁定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 '請選擇市'; } }, }) //監(jiān)聽省的數據,可以獲取市的信息 form.on('select(sheng)', function (data) { getCityList(data.value);//查找城市 }); })
解決問題:
給一張圖片你就明白了。下載的layui壓縮包內找到對應的文件拷貝到你的放js的文件里面,我把css文件包放進js文件里面就解決問題了,立馬彈出提示
博主還在繼續(xù)踩坑,點滴分享,希望能夠給您提供一些幫助!
聯(lián)系客服