2017-01-31 2 views
1

У меня встроенная форма Marketo, которую я использую на своем сайте.Сбросить форму Marketo после отправки

Когда я нажимаю submit Я хочу, чтобы форма была возвращена к исходному состоянию.

Что мне нужно добавить в мой код для этого, и еще лучше, где я могу найти это в документации Marketo?

Вот мой текущий код

<script src="//app-sjg.marketo.com/js/forms2/js/forms2.min.js"></script> 
 
<form id="mktoForm"></form> 
 
<script> 
 
    MktoForms2.loadForm("//app-sjg.marketo.com", "819-OWT-537", 1404); 
 
</script> 
 
<script> 
 
    MktoForms2.whenReady(function (form){ 
 
    form.onSuccess(function(values, followUpUrl){ 
 
     $('#confirmform').modal('show'); 
 
     return false; 
 
    }); 
 
    }); 
 
</script>

ответ

0

Marketo Form object не имеет функции сброса, но, к счастью, JavaScript имеет такой родной .reset() метод на HTML элементов формы. Этот метод .reset() восстановит значения по умолчанию для элемента формы.

Сказав это, единственное, что нужно сделать в обратном вызове .onSuccess(), - это захватить HTML-форму. Вызов метода .getFormElem() объекта Marketo Form даст нам элемент формы, завернутый jQuery, поэтому с form.getFormElem()[0], наконец, мы получим узел формы, по которому мы можем позвонить .reset().

Вот пример кода:

<script src="//app-lon06.marketo.com/js/forms2/js/forms2.min.js"></script> 
<form id="mktoForm"></form> 
<script> 
// The fourth argument of the `.loadForm()` can be used as an onReady callback. 
MktoForms2.loadForm("//app-sjg.marketo.com", "819-OWT-537", 1404, function(form) { 
    form.onSuccess(function(values, followUpUrl){ 
     // $('#confirmform').modal('show'); 
     console.log(form); 
     // .getFormElem() returns the jQuery wrapped form element 
     var formElement = form.getFormElem()[0]; 
     // .reset() is a native javascript method. 
     formElement.reset(); 

     // If boolean `false` is returned then the visitor 
     // will NOT be forwarded to the follow up page! 
     return false; 
    }); 
}); 
</script> 

Примечание: хорошая вещь, что все важные скрытые поля (например .: FormID и munchkinId) останутся нетронутыми.

Смежные вопросы