Marketo如何仅提交非空字段？使用form.setValues不生效怎么办

原代码失效原因 #

form.setValues()仅支持修改已有字段的取值，无法移除表单绑定的字段。Marketo提交时会自动遍历所有关联的表单字段收集值，即便你删除了临时对象中的空值属性，空字段依然会被默认收集并提交。

可行实现方案 #

方案1：提交时禁用空字段（兼容性最优，逻辑最简单） #

原生HTML表单不会提交disabled状态的字段，Marketo表单遵循该规则，只需在提交前将空字段设置为禁用即可：

MktoForms2.loadForm("//app-sjst.marketo.com", "785-UHP-775", 1057, function(form){
    // 监听提交事件
    form.onSubmit(function(form){
        const formElem = form.getFormElem()[0];
        // 遍历所有表单字段
        const allFields = formElem.querySelectorAll('input, select, textarea');
        allFields.forEach(field => {
            // 空值字段设为禁用，不会被提交
            if(!field.value.trim()) {
                field.disabled = true;
            }
        });
    });

    // 可选：提交成功后恢复字段状态，避免影响后续表单交互
    form.onSuccess(function(){
        const formElem = form.getFormElem()[0];
        const allFields = formElem.querySelectorAll('input, select, textarea');
        allFields.forEach(field => {
            field.disabled = false;
        });
        return true;
    });
});

方案2：手动构造非空参数提交（适合自定义提交逻辑场景） #

如果你需要完全控制提交的参数，可以阻止默认提交逻辑，自行过滤参数后提交：

MktoForms2.loadForm("//app-sjst.marketo.com", "785-UHP-775", 1057, function(form){
    form.onSubmit(function(form){
        // 阻止默认提交
        form.submittable(false);
        // 过滤所有非空值
        const allValues = form.vals();
        const nonEmptyValues = {};
        Object.keys(allValues).forEach(key => {
            const value = allValues[key];
            if(value != null && value.toString().trim() !== '') {
                nonEmptyValues[key] = value;
            }
        });
        // 直接提交过滤后的参数
        form.submit(nonEmptyValues);
    });
});

注意事项 #

• 若表单包含复选框、单选框等特殊控件，需要额外补充选中状态判断，避免误判为空值
• 方案2中传入form.submit()的参数会覆盖所有默认收集的字段，注意不要遗漏表单内置的隐藏必填字段

内容的提问来源于stack exchange，提问作者Moments