是否可以使用 javascript 通过 formstack 创建自定义计算?
Is it possible to create custom calculations with formstack using javascript?
我在 formstack 中有一个表单,我需要添加一些超出其计算生成器功能的计算。我需要使用 switch 语句来确定数字在哪个范围内,然后根据范围执行不同的计算。然后我想用实时答案填充表单上的另一个字段。是否可以执行以下任一操作?
将自定义 javascript 添加到 formstack 以创建高级计算?
让 formstack 表单与我嵌入表单的页面上的 javascript 通信。
使用 formstack api/webhook 进行计算。我不认为这是一个选项,因为 webhook 仅适用于提交,不适用于任何其他事件。
编辑
使用 change
事件的缺点是用户需要 select 另一个字段才能触发事件,因此它不是真正的 real-time。对于更新您对每个输入的视图的解决方案,请将您的事件侦听器绑定到 keyup
事件。
原回答
是的,您可以像处理常规 HTML 表单一样操作页面中嵌入的表单。要实现您所描述的,您可以在目标字段上收听 change
事件以读取其更新值并执行 calculations/field 人口。类似于
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.:以上只是伪代码,让您了解我提出的解决方案
我在 formstack 中有一个表单,我需要添加一些超出其计算生成器功能的计算。我需要使用 switch 语句来确定数字在哪个范围内,然后根据范围执行不同的计算。然后我想用实时答案填充表单上的另一个字段。是否可以执行以下任一操作?
将自定义 javascript 添加到 formstack 以创建高级计算?
让 formstack 表单与我嵌入表单的页面上的 javascript 通信。
使用 formstack api/webhook 进行计算。我不认为这是一个选项,因为 webhook 仅适用于提交,不适用于任何其他事件。
编辑
使用 change
事件的缺点是用户需要 select 另一个字段才能触发事件,因此它不是真正的 real-time。对于更新您对每个输入的视图的解决方案,请将您的事件侦听器绑定到 keyup
事件。
原回答
是的,您可以像处理常规 HTML 表单一样操作页面中嵌入的表单。要实现您所描述的,您可以在目标字段上收听 change
事件以读取其更新值并执行 calculations/field 人口。类似于
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.:以上只是伪代码,让您了解我提出的解决方案