2013-12-20 32 views
1

我打算使用HTML服务应用程序脚本在具有“文件”输入字段的表单中整合标准html5表单验证(使用必需属性和提交按钮)。表单验证和Html服务中的文件类型输入字段

我的问题是使用提交按钮将blob文件传递到应用程序脚本函数。如果我把一个正常的按钮,我失去了html5的标准验证。如果我使用提交按钮,没有任何内容通过“google.script.run”语句传递给应用程序脚本函数。

本教程的example使用正常的按钮,但是这样我就不能对所需的字段使用表单验证。

我该如何处理?由于现在我必须使用提交按钮和onclick事件,并且在需要插入字段的情况下(在由按钮调用的应用程序脚本函数中)手动检查。

回答

0

将您的代码放在onSubmit表单事件上,并确保以返回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>