在官方文件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 == '
') )
}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...