[問題] 必填欄位

[MAGICXX (逢甲阿法)]

大家好

我現在在嘗試用google script+html做網頁以及上傳資料的動作

目前卡在如何讓每個欄位都要填 再上傳


我有找到一個tag required就可以達到這個效果


可是有個問題在

<fieldset class="form-group">
    <label for="myTel">電話</label>
    <input type="tel" name="myTel" class="form-control" id="myTel"
placeholder="請輸入電話" required>
  </fieldset>

上面是我的欄位

底下是我的提送的按鈕

 <button type="submit" class="btn btn-primary" onclick="$('#output').html('上
傳中...');
                    google.script.run.withSuccessHandler(fileUploaded)
                    .uploadFiles(this.parentNode);
                    return false;">送出</button>

我需要上傳 所以在按鈕裡面有上傳的指令碼在

可是 我按下去之後 他會上傳資料 可是並沒有強制要輸入資料

所以會多一排空白的資料在我的雲端硬碟內

如果我把按鈕改成

 <button type="submit">送出</button>

就會去檢查有沒有沒填到的空白欄位

可是即使每個欄位都填 他還是不會上傳資料

請問這樣子 我要怎麼處理比較好??

謝謝各位大大

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 111.82.71.214
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1478829757.A.3F0.html
推 devil115789: onclick裡面判斷
不好意思 可以請問一下大大 我該怎麼再ONCLICK裡面判斷呢?
※ 編輯: MAGICXX (111.82.71.214), 11/11/2016 13:26:43
推 Gold740716: if (requireOption.value == '') e.preventDefault();
推 BigTounge: 用form 包起來 改用form submit 來取代onclick
推 devil115789: 抱歉現在才看到 例如if(!$("#val").val()) return 0;
→ devil115789: 或是加上自己的檢核 如if(!checkID($("#val").val())
→ devil115789: 就是在onclick中 判斷都填入後 才call uploadFiles
→ devil115789: 如果使用required 就如樓上寫的用form submit event
→ devil115789: 去call uploadFiles
→ devil115789: 但是最好還是用後端檢查比較好