[問題] 必填欄位

作者: MAGICXX (逢甲阿法)   2016-11-11 10:02:34
大家好
我現在在嘗試用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>
就會去檢查有沒有沒填到的空白欄位
可是即使每個欄位都填 他還是不會上傳資料
請問這樣子 我要怎麼處理比較好??
謝謝各位大大
作者: devil115789 (味噌湯好喝)   2016-11-11 12:07:00
onclick裡面判斷
作者: Gold740716 (項為之強)   2016-11-11 16:03:00
if (requireOption.value == '') e.preventDefault();
作者: BigTounge (舌頭)   2016-11-12 03:30:00
用form 包起來 改用form submit 來取代onclick
作者: devil115789 (味噌湯好喝)   2016-11-15 10:12:00
抱歉現在才看到 例如if(!$("#val").val()) return 0;或是加上自己的檢核 如if(!checkID($("#val").val())就是在onclick中 判斷都填入後 才call uploadFiles如果使用required 就如樓上寫的用form submit event去call uploadFiles但是最好還是用後端檢查比較好

Links booklink

Contact Us: admin [ a t ] ucptt.com