[問題] 必填欄位

看板Web_Design作者 (逢甲阿法)時間8年前 (2016/11/11 10:02), 8年前編輯推噓4(405)
留言9則, 3人參與, 最新討論串1/1
大家好 我現在在嘗試用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

11/11 12:07, , 1F
onclick裡面判斷
11/11 12:07, 1F
不好意思 可以請問一下大大 我該怎麼再ONCLICK裡面判斷呢? ※ 編輯: MAGICXX (111.82.71.214), 11/11/2016 13:26:43

11/11 16:03, , 2F
if (requireOption.value == '') e.preventDefault();
11/11 16:03, 2F

11/12 03:30, , 3F
用form 包起來 改用form submit 來取代onclick
11/12 03:30, 3F

11/15 10:12, , 4F
抱歉現在才看到 例如if(!$("#val").val()) return 0;
11/15 10:12, 4F

11/15 10:13, , 5F
或是加上自己的檢核 如if(!checkID($("#val").val())
11/15 10:13, 5F

11/15 10:14, , 6F
就是在onclick中 判斷都填入後 才call uploadFiles
11/15 10:14, 6F

11/15 10:15, , 7F
如果使用required 就如樓上寫的用form submit event
11/15 10:15, 7F

11/15 10:16, , 8F
去call uploadFiles
11/15 10:16, 8F

11/15 10:16, , 9F
但是最好還是用後端檢查比較好
11/15 10:16, 9F
文章代碼(AID): #1O9IQzFm (Web_Design)
文章代碼(AID): #1O9IQzFm (Web_Design)