[問題] HTML required 屬性請教

看板Web_Design作者 (stevenyin5210)時間3年前 (2021/08/26 00:10), 編輯推噓1(106)
留言7則, 4人參與, 3年前最新討論串1/1
最近在可以上傳檔案的網頁,之中有一個頁面是要求用戶上傳檔案,並且會驗證是不是都有填。我用了了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://www.ptt.cc/bbs/Web_Design/M.1629907838.A.EED.html

08/26 01:15, 3年前 , 1F
我都寫js擋 required不好控制 錯了也很難讓user知道
08/26 01:15, 1F

08/26 12:04, 3年前 , 2F
或是參考一下 onSubmit
08/26 12:04, 2F

08/26 12:38, 3年前 , 3F
會卡住的話,應該得看你onclick="submitValues(this);"
08/26 12:38, 3F

08/26 12:38, 3年前 , 4F
這個寫了什麼
08/26 12:38, 4F

08/26 12:39, 3年前 , 5F
至於 required 無效,應該是 form submit 的時候觸發,
08/26 12:39, 5F

08/26 12:39, 3年前 , 6F
但你在 onclick return false
08/26 12:39, 6F

08/26 14:05, 3年前 , 7F
用form的onsubmit,不要用按鈕的onclick
08/26 14:05, 7F
文章代碼(AID): #1X9cj-xj (Web_Design)
文章代碼(AID): #1X9cj-xj (Web_Design)