带有插件的 SurveyJs 输入元素

问题描述

我将 ReactJS 与 Surveyjs 一起使用,我想使用百分比值 (%) 的输入元素。 我想知道是否有办法做到这一点:

  • 在surveyjs 输入中使用bootsrap 插件或类似的东西。
  • 将输入值限制在 0 到 100 之间。

谢谢。

解决方法

您可以将“文本”类型的问题配置为仅接受 0 到 100 之间的数字。该问题有两个选项需要设置:

  1. 添加一个“数字”类型的验证器,最小值为 0,最大值为 100。
  2. 将输入类型设置为“数字”,并将其最小值和最大值分别设置为 0 和 100。

生成的 JSON 应如下所示:

{
 "pages": [
  {
   "name": "page1","elements": [
    {
     "type": "text","name": "Enter percentage (0-100)","validators": [
      {
       "type": "numeric","minValue": 0,"maxValue": 100
      }
     ],"inputType": "number","min": "0","max": "100"
    }
   ]
  }
 ]
}