作者MAGICXX (逢甲阿法)
看板Web_Design
標題[問題] 必填欄位
時間Fri Nov 11 10:02:34 2016
大家好
我現在在嘗試用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://webptt.com/m.aspx?n=bbs/Web_Design/M.1478829757.A.3F0.html
1F：推 devil115789: onclick裡面判斷 11/11 12:07
不好意思 可以請問一下大大 我該怎麼再ONCLICK裡面判斷呢?
※ 編輯: MAGICXX (111.82.71.214), 11/11/2016 13:26:43
2F：推 Gold740716: if (requireOption.value == '') e.preventDefault(); 11/11 16:03
3F：推 BigTounge: 用form 包起來 改用form submit 來取代onclick 11/12 03:30
4F：推 devil115789: 抱歉現在才看到 例如if(!$("#val").val()) return 0; 11/15 10:12
5F：→ devil115789: 或是加上自己的檢核 如if(!checkID($("#val").val()) 11/15 10:13
6F：→ devil115789: 就是在onclick中 判斷都填入後 才call uploadFiles 11/15 10:14
7F：→ devil115789: 如果使用required 就如樓上寫的用form submit event 11/15 10:15
8F：→ devil115789: 去call uploadFiles 11/15 10:16
9F：→ devil115789: 但是最好還是用後端檢查比較好 11/15 10:16