reactjs - 带有插件的 SurveyJs 输入元素

Question

我将 ReactJS 与surveyjs 一起使用，我想将输入元素用于百分比值（％）。我想知道是否有办法做到这一点：

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

谢谢你。

Answer 1

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

1. 添加一个“numeric”类型的验证器，最小值为 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"
    }
   ]
  }
 ]
}