如何實現(xiàn)layui中表單提交以及驗證和修改彈框
這篇文章主要介紹如何實現(xiàn)layui中表單提交以及驗證和修改彈框，文中介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們一定要看完！
創(chuàng)新互聯(lián)網(wǎng)站建設(shè)由有經(jīng)驗的網(wǎng)站設(shè)計師、開發(fā)人員和項目經(jīng)理組成的專業(yè)建站團隊，負(fù)責(zé)網(wǎng)站視覺設(shè)計、用戶體驗優(yōu)化、交互設(shè)計和前端開發(fā)等方面的工作，以確保網(wǎng)站外觀精美、網(wǎng)站設(shè)計制作、成都網(wǎng)站制作易于使用并且具有良好的響應(yīng)性。
HTML
提交
JS
layui.use(['jquery','form','layer'],function () {
var $ = layui.jquery;
var layer = layui.layer;
var form = layui.form;
// 驗證
form.verify({
newName: [/\S/,'姓名不能為空' ] ,
newCard: function (value) {
if(!/\S/.test(value)){
$("input[name='newCard']").focus();
return '原身份證不能為空';
}
if(!/(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/.test(value)){
$("input[name='newCard']").focus();
return '原身份證格式有誤';
}
},
newPhone: function (value) {
if(!/\S/.test(value)){
$("input[name='newPhone']").focus();
return '電話號碼不能為空';
}
if(!/^1[34578]\d{9}$/.test(value)){
$("input[name='newPhone']").focus();
return '電話號碼格式有誤';
}
},
newEmail: function (value) {
$("input[name='newEmail']").focus();
if(!/\S/.test(value)){
$("input[name='newEmail']").focus();
return '電子郵件不能為空';
}
if(!/^[\w\-\.]+@[\w\-\.]+(\.\w+)+$/.test(value)){
$("input[name='newEmail']").focus();
return '電子郵件格式有誤';
}
},
});
// 驗證成功后執(zhí)行操作
form.on('submit(btn)',function () {
console.log('驗證成功')
})
})
以上是“如何實現(xiàn)layui中表單提交以及驗證和修改彈框”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！
名稱欄目：如何實現(xiàn)layui中表單提交以及驗證和修改彈框
文章網(wǎng)址：
http://weahome.cn/article/ijcjsj.html
重慶分公司
重慶分公司
