表單驗證和Html服務中的文件類型輸入字段

我打算使用HTML服務應用程序腳本在具有「文件」輸入字段的表單中整合標準html5表單驗證（使用必需屬性和提交按鈕）。表單驗證和Html服務中的文件類型輸入字段

我的問題是使用提交按鈕將blob文件傳遞到應用程序腳本函數。如果我把一個正常的按鈕，我失去了html5的標準驗證。如果我使用提交按鈕，沒有任何內容通過「google.script.run」語句傳遞給應用程序腳本函數。

本教程的example使用正常的按鈕，但是這樣我就不能對所需的字段使用表單驗證。

我該如何處理？由於現在我必須使用提交按鈕和onclick事件，並且在需要插入字段的情況下（在由按鈕調用的應用程序腳本函數中）手動檢查。

2013-12-20 Francesco Barreca

將您的代碼放在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>

來源

2014-01-30 12:26:27

表單驗證和Html服務中的文件類型輸入字段

回答

相關問題