jquery 非无效反馈的引导程序类

bsxbgnwa  于 2022-11-22  发布在  jQuery
关注(0)|答案(1)|浏览(121)

有没有一个类可以用来表示!invalid-feedback?我想做的是,我想在表单输入下面有一个占位符,告诉用户这个字段只需要有3个字符,如果验证失败,我会添加一个带有invalid-feedback类的div。我想让它们互斥,所以要么是占位符,要么是invalid-feedback。
例如,

<form:input path="ac" required="required"
    class="form-control text-uppercase" maxlength="3" />
<small class="form-text text-muted">Only three characters are allowed</small>
<div class="invalid-feedback">AC is required</div>

在下面的代码块中,如果用户正在输入数据或者值有效,我希望显示标记中的内容,如果表单已提交并且存在验证错误,我希望显示invalid-feedback div中的内容。
那么,Bootstrap中有没有一个类基本上是!invalid-feedback?它是valid-feedback吗?isValid?这可以只使用样式而不使用Javascript/jQuery吗?

ogsagwnx

ogsagwnx1#

有一些Bootstrap类可以指示字段有错误,但由于您要求以非Bootstrap方式(即隐藏和显示不同的标记)显示错误,因此您必须使用Javascript进行自己的验证。
下面是一种监视输入字段状态并隐藏/显示<small>div.invalid-feedback元素的方法。(请注意,这只是一个概念验证,并不能很好地处理用户与输入字段交互的所有可能方式。)
第一个

相关问题