作者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/cn.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