在使用layui的form表單做驗(yàn)證提交的時(shí)候，如果結(jié)合vue，或者是三級(jí)聯(lián)動(dòng)的時(shí)候，就需要做事件監(jiān)聽了。

為潞州等地區(qū)用戶提供了全套網(wǎng)頁(yè)設(shè)計(jì)制作服務(wù)，及潞州網(wǎng)站建設(shè)行業(yè)解決方案。主營(yíng)業(yè)務(wù)為網(wǎng)站設(shè)計(jì)、網(wǎng)站建設(shè)、潞州網(wǎng)站設(shè)計(jì)，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠(chéng)的服務(wù)。我們深信只要達(dá)到每一位用戶的要求，就會(huì)得到認(rèn)可，從而選擇與我們長(zhǎng)期合作。這樣，我們也可以走得更遠(yuǎn)！

具體語(yǔ)法：

form.on('event(過濾器值)', callback);

可以用于監(jiān)聽：select，checkbox，switch，radio，submit 的改變

一、監(jiān)聽select的改變

    

        下拉選擇框
        

            
                寫作
                閱讀
                聽歌
                游戲
            
        
    

同理，監(jiān)聽checkbox復(fù)選

form.on('checkbox(filter)', function(data){
    console.log(data.elem); //得到checkbox原始DOM對(duì)象
    console.log(data.elem.checked); //是否被選中，true或者false
    console.log(data.value); //復(fù)選框value值，也可以通過data.elem.value得到
    console.log(data.othis); //得到美化后的DOM對(duì)象
});

監(jiān)聽switch開關(guān)：

form.on('switch(filter)', function(data){
　　console.log(data.elem); //得到checkbox原始DOM對(duì)象
　　console.log(data.elem.checked); //開關(guān)是否開啟，true或者false
　　console.log(data.value); //開關(guān)value值，也可以通過data.elem.value得到
　　console.log(data.othis); //得到美化后的DOM對(duì)象
});

監(jiān)聽radio單選：

form.on('radio(filter)', function(data){
    console.log(data.elem); //得到radio原始DOM對(duì)象
    console.log(data.value); //被點(diǎn)擊的radio的value值
});

監(jiān)聽submit提交：

提交
form.on('submit(*)', function(data){
    console.log(data.elem) //被執(zhí)行事件的元素DOM對(duì)象，一般為button對(duì)象
    console.log(data.form) //被執(zhí)行提交的form對(duì)象，一般在存在form標(biāo)簽時(shí)才會(huì)返回
    console.log(data.field) //當(dāng)前容器的全部表單字段，名值對(duì)形式：{name: value}
    return false; //阻止表單跳轉(zhuǎn)。如果需要表單跳轉(zhuǎn)，去掉這段即可。
});

以上就是Layui事件監(jiān)聽的方法的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注創(chuàng)新互聯(lián)其它相關(guān)文章！