[问题] 必填字段

楼主: 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