layui 表單提交不執行ajax的坑

2022-01-14 21:09:42 字數 1381 閱讀 4585

在官方文件2.x裡面寫的layui form提交示例,form.on事件獲取表單對應的json資訊,然後自己ajax提交表單,

但是總是提交失敗,一開始以為獲取到json資訊之後的那個return false已經無用了。沒想到就這個return 坑了我好一會。

如果要提交ajax請求必須要在form.on事件的結尾加上return false。 記錄一下,下面是**。

這個頁面的前提是引入了相關的css和js

"

stylesheet

" href="

jqueryplugin/layer/src/layui.css

">

"stylesheet

" href="

jqueryplugin/layui/src/css/layui.css

">

layer和layui兩個都引入了,然後表單的最後給的乙個按鈕事件

class="

layui-form-item

">

class="

layui-input-block

">

class="

layui-btn

" lay-submit lay-filter="

updateuser

">修改

下面是js

layui.use('

form

', function()

},pass : [ /(.+)$/, '

密碼必須6到12位'],

//money : [ /^\d+\.\b\d\b$/, '金額必須為小數保留兩位' ]

});

//監聽提交

form.on('

submit(updateuser)

', function(data) )

}if (res.errorcode == '

loginname

') )

}if (res.errorcode == '

email

') )

}if (res.errorcode == '

cellphone

') )

}if (res.errorcode == '

wrong_email

') )

}if (res.errorcode == '

wrong_cellphone

') )}}

});//這個return非常重要,防止ajax跳轉,去掉的話就不經過ajax了

return

false

; });

});

layui表單提交

form method post div class layui form item label for l email class layui form label 郵箱 label div class layui input inline input type text id l email n...

layui表單提交到後台

思路 我在開發問卷調查模組時,想新增問卷的時候使用layui彈出乙個表單,然後經過校驗提交到ssm下的controller裡 一 jsp要彈出的表單 add class layui btn layui btn sm 新增問卷提交 二 layui指令碼 layui.use layer form fun...

layui外掛程式表單驗證提交觸發提交

form class layui form action method post div class logi content p class tit 管理系統 div class layui form item label class layui form label 賬號 div class l...