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