Question

我有这段代码：

的index.html

<!DOCTYPE html>
<html>
    <div>
      <form id="email_subscribe">
        <input type="email" name="email" id="email" placeholder="Enter your email">
        <input type="submit" value="Subscribe">
      </form>
      <span id="thank_you" hidden="true">Thank you!</span>
    </div>

    <?!= HtmlService.createHtmlOutputFromFile('CSS').getContent(); ?>

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script>
      $( document ).ready(function() {
        $( "#email_subscribe" ).submit(function() {
          google.script.run.withSuccessHandler(function(ret){
            $("#email_subscribe").slideUp();
            $( "#thank_you" ).show("slow");
            console.log(ret);
          }).addEmail(this); //"this" is the form element
         }); 
       });
    </script>
</html>

和这一个：

Code.gs

function doGet() {


var html = HtmlService.createTemplateFromFile('index').evaluate()
            .setTitle("Web App 2").setSandboxMode(HtmlService.SandboxMode.NATIVE);
  return html;
}

function addEmail(form){
      Logger.log(form.email);
      return 200;
}

＆＃34;谢谢你的消息＆＃34;提交表格时没有出现。你能告诉我我做错了什么吗？谢谢。

Answer 1

使用IFRAME模式，但是HTML表单可以提交，如果是表单元素没有指定它将提交给的一个动作属性空白页。 - Offical Documentation

解决方案是在提交功能的末尾添加return false;或event.preventDefault()，告诉浏览器取消该事件，您的代码应如下所示：

$( "#email_subscribe" ).submit(function() {
  google.script.run.withSuccessHandler(function(ret){
    $("#email_subscribe").slideUp();
    $( "#thank_you" ).show("slow");
    console.log(ret);
  }).addEmail(this); //"this" is the form element
 return false;
 });

您还可以实现文档中建议的解决方案，创建一个EventListener以使用此代码阻止加载所有表单子目录：

<script>
  // Prevent forms from submitting.
  function preventFormSubmit() {
    var forms = document.querySelectorAll('form');
    for (var i = 0; i < forms.length; i++) {
      forms[i].addEventListener('submit', function(event) {
        event.preventDefault();
      });
    }
  }
  window.addEventListener('load', preventFormSubmit);
</script>

Jquery在Google Apps脚本中无法正常运行

1 个答案: