按钮onclick，执行JS函数然后GS代码

Question

Sorry for English mistakes but I'm not english.

Starting from this example Form to upload files with sending email address long time ago I've changed the button code from:

  <input type="button" value="Submit"
      onclick="google.script.run
          .withSuccessHandler(updateUrl)
          .withFailureHandler(onFailure)
          .uploadFiles(this.parentNode)" />

to:

<input type="button" value="Submit"
      onclick="test()" />

the complete HTML page was:

<form id="myForm">
  <input type="text" name="myName" placeholder="Your full name..."/>
  <input name="myFile" type="file" />
  <input type="button" value="Submit"
      onclick="test()" />
</form>

<div id="output"></div>

<script>
    function test(){
    console.log ("I'm running");
    
    google.script.run
          .withSuccessHandler(updateUrl)
          .withFailureHandler(onFailure)
          .uploadFiles(this.parentNode)
          
    }

    function updateUrl(url) {
        var div = document.getElementById('output');
        div.innerHTML = '<a href="' + url + '">Got it!</a>';
    }
    function onFailure(error) {
        alert(error.message);
    }
</script>

<style>
  input { display:block; margin: 20px; }
</style>

It worked for 1 year, few days ago it stopped. If I open the console I see the "I'm running message" correctly but nothing happens in the spreadsheet or in the folder.

Can someone tell me why? I nedd to run some JS code before executing GS code, it worked but not now, what is changed?

Thanks.

Answer 1

When you moved the google.script.run.myFunction() code from the button to the <script> tag, it causes the this keyword to refer to something different. So, this.parentNode is no longer referring to the form element with the google.script.run.myFunction() code in the <script> tag. You'll need to get the form element with

var theForm = document.getElementById("myForm");

and then use:

google.script.run.myFunction(theForm).

OR:

instead of using var theForm = document.getElementById("myForm");

You can pass the form element with:

<input type="button" value="Submit" onclick="test(this.parentNode)" />

And:

function test(theForm){