背景：

1.layui在select選擇后可以通過layui.event.call觸發(fā)form.on('select(##)',function...)事件

2.layui的select被渲染后會(huì)變成layui-select-title input的一個(gè)輸入框

3.layui的驗(yàn)證是使用layer.tips(msg,dom,...)函數(shù)完成的

4.layui的tips中第二個(gè)參數(shù)是需要tips的dom

5.layui驗(yàn)證異常是需要class:blur-danger

解決方法：

通過select觸發(fā)事件找到渲染的input元素，在這個(gè)元素上進(jìn)行綁定驗(yàn)證,為了使用form.verify中的數(shù)據(jù)，也可以自己手動(dòng)觸發(fā)，返回結(jié)果，然后驗(yàn)證。

部分代碼,沒有整合form.verify：

form.on('select(dom)',function(data){

var r = data.othis.find('.layui-select-title input'),o = "blur-danger";

if (data.value) {

r.removeClass(o);

return ;

}

r.addClass(o);

layer.tips('message', function() {

return r;

}(), {

tips: 1

});

});

總結(jié)

以上是生活随笔為你收集整理的layui表单mysql_layui表单验证支持select下拉框的一种方法的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。