Bootstrap 5表单验证-必需且禁用

bqjvbblv  于 2022-12-07  发布在  Bootstrap
关注(0)|答案(1)|浏览(285)

我目前有一个禁用的输入框。我用这个框来显示两个范围滑块的总和,在那里我通过JavaScript更新框的值。
我目前要求框的值等于100才允许提交表单。是否有一个变通办法,我仍然可以禁用框,在那里它仍然会采用相同的 Bootstrap 样式格式(将颜色从红色改为绿色等)作为一个非禁用框与'要求'选项?
根据这里的一个建议,我已经更新了下面的代码片段,几乎是我想要的。我唯一想改变的是,使'rSUM',显示总和的框,禁用(同时仍然保持所有的验证格式功能)。理想情况下,我希望这个总和采用验证反馈,而不是滑块,或其他可变的输入对象。
第一个

neekobn8

neekobn81#

有几种方法可以做到这一点。这里我使用了一个示例表单,其中包含一些可以用于滑块验证的输入(一个是范围滑块,但也可以是简单的数字输入)。
我为这些元素设置了一个事件处理程序,使用数据属性将它们关联起来,然后;非常冗长,为了清晰起见有点难看,在函数中使用它们。
第一个

相关问题