Question

我想使用HTML服务应用程序脚本将带有“文件”输入字段的表单中的标准html5表单验证（使用必需属性和提交按钮）放在一起。

我的问题是使用提交按钮将blob文件传递给apps脚本函数。如果我放一个普通的按钮我失去了html5的标准验证。如果我使用提交按钮，则不会使用“google.script.run”语句将任何内容传递给应用程序脚本函数。

本教程的example使用普通按钮，但这样我无法对必填字段使用表单验证。

我怎么能处理这个？从现在开始，我不得不使用提交按钮和onclick事件，并在插入必填字段时手动检查（在按钮调用的应用程序脚本函数中）。

Answer 1

将代码放在onSubmit表单事件上，并确保以return false结束onSuccessHandler函数。

<script>
    function updateUrl(url) {
         var div = document.getElementById('output');
         div.innerHTML = '<a href="' + url + '">Got it!</a>';
         return false;
    }
</script>
<form id="myForm"
  onSubmit="return google.script.run
    .withSuccessHandler(updateUrl)
    .processForm(this.parentNode);">
 <input required name="myFile" type="file" />
 <input type="button" value="Submit" />
</form>
<div id="output"></div>

Html服务中的类型文件的表单验证和输入字段

1 个答案: