bootstrap html5 表单验证,bootstrap4 表单验证

今天为大家分享关于 bootstrap4 表单验证 的文章 ，文章写的挺好的就转载过来了，希望能在大家的学习与工作中帮助到大家，下面我们一起来看看吧！

文章源码：

表单验证

$(function () {

$("#form-demo").submit(function(event){

const f=$(this)

if(f[0].checkValidity()===false){

event.preventDefault()

event.stopPropagation()

}

f.addClass("was-validated")

})

})

请输入用户名6-30位字母或数字！

密码长度至少为六位,只能是大小写字母或数字！

必须是中文，且长度不小于2位！

手机号只能是11位的数字！

邮箱地址格式不正确！

提交

以上就是关于 bootstrap4 表单验证 的全部内容了，喜欢的小伙伴别忘了点赞分享一下哦，关注优讯网，优讯有你更精彩！

转载自： https://my.oschina.net/u/560237/blog/3113907

版权归原作者所有，如有侵权请联系我们删除。