Javascript 引导3验证状态&x27;错误';默认显示
我有一个简单的Javascript 引导3验证状态&x27;错误';默认显示,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,我有一个简单的bootstrap3样式表单。我有一个span带帮助块,我知道如果带类表单组的父div也定义了has error,则会显示该帮助块,但是默认情况下会显示错误帮助文本 然而,我发现这一点,我认为引导程序会处理这个隐藏/取消隐藏逻辑。这是一个错误的假设吗?我是不是应该照顾秀皮 <form id="the-form" action="/abc" method="post"> <div class="
bootstrap3
样式表单。我有一个span
带帮助块
,我知道如果带类表单组的父div
也定义了has error
,则会显示该帮助块,但是默认情况下会显示错误帮助文本
然而,我发现这一点,我认为引导程序
会处理这个隐藏/取消隐藏逻辑。这是一个错误的假设吗?我是不是应该照顾秀皮
<form id="the-form" action="/abc" method="post">
<div class="form-group">
<label for="title" class="control-label">Title</label>
<input id="title" name="title" class="form-control" placeholder="Title" type="text" value="">
<span class="help-block">Title is not valid.</span>
</div>
<button id="create-button" type="button" class="btn btn-primary">Submit</button>
</form>
标题
标题无效。
提交
但是,默认情况下会显示错误
文本:
将类添加到表单组div时出现错误。。引导仅在from组内的元素上应用CSS错误
如果要仅在错误上显示错误消息。您必须通过JavaScript显示或隐藏它。。有几种方法可以做到这一点。。一个是:默认情况下隐藏err msg,您可以通过隐藏引导类来完成
<span class="help-block hidden">Title is not valid.</span>
标题无效。
因此,当您将类has error添加到表单时,您应该从帮助块中删除隐藏的类。。然后,当表单正确时,您需要再次添加隐藏的类。。所有这些都与JS有关。那就行了