bootstrap验证 2021-04-21

·····对于今天来讲学到的东西挺多的，今天在bootstrap中实现了自己设置的一些提示信息设定了解了正则表达式的一些用法，对于bootstrap中的novalidate这个属性是干掉html5的验证，needs-validation这个是加样式表
这是.jsp的代码

<form class="form-signin needs-validation" action="<c:url value="/manager/login"/> " method="post" novalidate>

pattern="(\w|W|d){4,11}正则表达式写在input里面判断，这个正则表达式的意思是小写的字母（w）大写的字母（W）或者数字（d）的组合起来必须有4-11个，|：或者。{}循环 4至少 11最多

  <input type="text" id="loginId" class="form-control" name="username" placeholder="登录名" pattern="(\w|w|d){4,11}" required autofocus>
    <div class="valid-feedback">//验证过了出现消息
        登录名验证通过
    </div>
    <div class="invalid-feedback">//验证没过出现消息
        登录名必填4-10个字符
    </div>
</div>