Question

我在formstack中有一个表单，我需要添加一些超出其计算构建器功能的计算。我需要使用switch语句来确定该数字所在的范围，然后根据范围执行不同的计算。然后我想在窗体上填充另一个字段并实时回答。是否可以执行以下任何操作？

将自定义javascript添加到formstack以创建高级计算？

让formstack表单在我嵌入表单的页面上与javascript通信。

使用formstack api / webhook进行计算。我不认为这是一个选项，因为webhook仅适用于提交而不适用于任何其他事件。

Answer 1

修改

使用change事件的缺点是用户需要选择另一个字段才能触发事件，因此它不是真正实时的。对于在每个输入上更新视图的解决方案，请将事件侦听器绑定到keyup事件。

原始答案

是的，您可以像常规HTML表单一样操纵页面中嵌入的表单。为了实现您描述的内容，您可以在目标字段上收听change事件，以读取其更新值并执行计算/字段填充。

的内容

document.getElementById('#yourFieldIdHere').addEventListener('change', function(e) {
    var field = e.target,
        value = field.value,
        result;

    switch (value) {
        case 'foo':
        ...
        //Do whatever you like here
    }

    result = 'whatever your calculations return';

    document.getElementById('#otherFieldId').value = result;
})

n.b.:上面只是伪代码，让您了解我提出的解决方案

是否可以使用javascript创建使用formstack的自定义计算？

1 个答案:

修改

原始答案