最近在可以上傳檔案的網頁，之中有一個頁面是要求用戶上傳檔案，並且會驗證是不是都有填。我用了了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>