How to load a form using javascript?

Question

When I use this script

<form id="mktoForm_1740"></form>
<script>MktoForms2.loadForm("//app-e.example.com", "517-ITT-285", 1740);</script>

the form will load normally. But the below script didn't load form. I think problem related to javascript.

<script>MktoForms2.loadForm("//app-example.com", "517-ITT-285", 1740, function(form){
    //Add an onSuccess handler
    form.onSuccess(function(values, followUpUrl){
        //get the form's jQuery element and hide it
        form.getFormElem().hide();
        document.getElementById('confirmform').style.visibility = 'visible';
        //return false to prevent the submission handler from taking the lead to the follow up url.
        return false;
    });
    });
</script>
<div id="confirmform" style="visibility:hidden;margin-top: 35px;"><p><strong>Thank you for registering. You will receive a confirmation by email in a minute.</strong></p></div>

How to fix this problem........

ashkufaraz · Accepted Answer · 2015-05-02 09:06:33Z

1

use $(document).ready(function(){});

try this

<script>
    $(document).ready(function() {
        MktoForms2.loadForm("//app-example.com", "517-ITT-285", 1740, function(form) {
            //Add an onSuccess handler
            form.onSuccess(function(values, followUpUrl) {
                //get the form's jQuery element and hide it
                form.getFormElem().hide();
                document.getElementById('confirmform').style.visibility = 'visible';
                //return false to prevent the submission handler from taking the lead to the follow up url.
                return false;
            });
        });
    });
</script>
<div id="confirmform" style="visibility:hidden;margin-top: 35px;">
    <p><strong>Thank you for registering. You will receive a confirmation by email in a minute.</strong></p>
</div>

answered May 2, 2015 at 9:06

ashkufaraz

5,2997 gold badges54 silver badges85 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Naveen Over a year ago

I need the js code. Because after submission I want to display the hidden div.

Saiju · Accepted Answer · 2015-05-02 09:41:08Z

0

<form id="mktoForm_1740"></form>
<script>MktoForms2.loadForm("//app-example.com", "517-ITT-285", 1740, function(form){
    form.onSuccess(function(values, followUpUrl){
        form.getFormElem().hide();
        document.getElementById('confirmform').style.visibility = 'visible';
        return false;
    });
});</script>

Use above code. this will work.

answered May 2, 2015 at 9:41

Saiju

3502 silver badges8 bronze badges

Collectives™ on Stack Overflow

How to load a form using javascript?

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related