How to properly embed JavaScript POST authentication code?

Question

I would like to insert some JavaScript on a page, I want to create an hyperlink that could help me login into a page. So i use Embed Code

And I copy paste this:

<form id="form1" action="http://my.site.com/authentication/signin/" target="_blank" method="post">
    <input data-val="true" id="Username" name="Username" value="mybestusername" type="hidden">
    <input data-val="true" id="Password" name="Password" value="mybestpassword" type="hidden">
    <a href="#" onclick="document.forms['form1'].submit();">My Best HyperLink</a>
</form>

An hyperlink is created on the page but when I click on it it doesn't works! but if i save it on a html document it works. How to properly embed it?

Answer 1

When using 'Embed Code' it creates a Script editor webpart/control which itself resides in the asp.net <form>, so this won't work as you can't have a form in a form. The issue is that the javascript can't select your own form (not by getElementById, not by jQuery) so the submit()-function simply doesn't exist.

What you can try is to embed the working .html-file with your code using the page viewer webpart, as this is rendered through an <iframe> which will allow the code to execute.