最近在可以上传档案的网页，之中有一个页面是要求用户上传档案，并且会验证是不是都有填。我用了了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>