验证 html 滑块

Question

我对编程很陌生，我正在使用 Django 进行在线实验。

我们在整个实验过程中广泛使用滑块作为输入设备，我们需要找到一种方法来验证滑块，以确保我们的参与者实际上以某种方式移动/点击了滑块。

表单输入应该是整数，我试过了： 1.清除起始值 2. 将起始值设置为小数，这样在提交表单时就不会通过整数检查（由于某种原因它还是通过了） 3. 将起始值设置为字符串（完全破坏滑块）

从这些方法中没有得到任何乐趣。

我正在使用 carpe 自定义滑块在拖动滑块时删除悬停数字。 http://carpe.ambiprospect.com/slider/

这是我的代码： HTML：

<div class="form-group {% if form.trust.errors %}has-error {% endif %}">
<label class="control-label" for="trust">Your Trust</label>
<input
id="trust"
name="trust"
type="range"
style="width: 300px;"
tabindex="0"
min="0"
max="100"
step="1"
value="50.111111111111111111"
data-carpe-decimals="0"
value="{{form.trust.value}}"/>
</div>
<div class="btn_block">
    <button type="submit" class="btn btn-primary pull-right" alt="proceed to next page">Next</button>
</div>

forms.py：

class TaskbeginForm(forms.Form):
    trust = forms.IntegerField()

由于我对html很陌生，对javascript一无所知，请把我当作学龄前儿童，我可能只能理解非常简单的解决方案。

Answer 1

1. 您的输入标签未关闭：

<input id="trust" name="trust" type="range" style="width: 300px;" tabindex="0" min="0" max="100" step="1" value="50.111111111111111111" data-carpe-decimals="0" value="{{form.trust.value}}"/>

1. 有两个值归因于输入 value="50.111111111111111111" 和 value="{{form.trust.value}}。

2. 不是必须在值标签之间插入百分比吗？ value="{{form.trust.value}}，应该是value={%form.trust.value%}，我猜这会返回一个字符串。