作者stevenyin10 (stevenyin5210)
看板Web_Design
标题[问题] HTML required 属性请教
时间Thu Aug 26 00:10:36 2021
最近在可以上传档案的网页，之中有一个页面是要求用户上传档案，并且会验证是不是都有填。我用了了required 属性。可是，要嘛他有验证用户有没有填但是会当掉无法上传，要嘛不会验证有没有填，但是可以上传。想询问一下 这样可以怎麽修 谢谢
<body>
<div class="container" id="myForm">
<form id="contact" action="" method="post" > //enctype="multipart/form-data
<h3><?=Title?> 上传系统</h3>
<h4>会员上传</h4>
<div class="form-item">
<label>帐号:</label>
<input type="text" value="<?=useremail?>" name="myEmail" readonly>
</div>
<div class="form-item">
<label>区分:</label>
<input type="text" value="<?=params?>" name="params" readonly>
<input type="hidden" value="<?=sys_id?>" name="sys_id" readonly>
<input type="hidden" value="<?=Title?>" name="sys_name" readonly>
</div>
<div class="form-item">
<a href="<?=hyper_link?>" target="_blank" >我的</a>
</div>
<? if (setfile =="可传档"){ ?>
<div class="form-item">
<select name="compositions" required>
<option value="">请选结构</option>
<option value="general">一般</option>
<option value="Five">(五句)</option>
<option value="Ten">(十句)</option>
</select>
</div>
<div class="form-item">
<input type="file" name="userFile" accept="image/jpeg,image/gif,image/png" required onchange="checkfile(this);"/>
</div>
<div class="form-item">
<label>编号/备注栏(必填):</label>
<input placeholder="请输入编号" name="essay_no" type="text" maxlength="8" required />
</div>
<div class="form-item">
<input type="submit" value="限上传影像档(不可使用PDF)" onclick="submitValues(this); return false;"/>
</div>
<? } else { ?>
<div><?=setfile?></div> <br><input type="submit" value="关闭视窗" onclick="window.close();"> <? } ?>
</form>
</div>
-----
Sent from JPTT on my iPad
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 111.252.106.249 (台湾)
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Web_Design/M.1629907838.A.EED.html
1F：推 rahit: 我都写js挡 required不好控制 错了也很难让user知道 08/26 01:15
2F：→ tino1991: 或是参考一下 onSubmit 08/26 12:04
3F：→ adzc2568: 会卡住的话，应该得看你onclick="submitValues(this);" 08/26 12:38
4F：→ adzc2568: 这个写了什麽 08/26 12:38
5F：→ adzc2568: 至於 required 无效，应该是 form submit 的时候触发， 08/26 12:39
6F：→ adzc2568: 但你在 onclick return false 08/26 12:39
7F：→ ssccg: 用form的onsubmit，不要用按钮的onclick 08/26 14:05