表单验证——input和required冲突解决

1. input和required冲突解决

Question： 使用表单提交验证必填字段时，若同时给 input[type="file"] 添加 readonly 以及 required 属性，则发现，required必填验证失效，既不会提示必填，也可以成功提交。

解决方法：将 readonly 改为 onfocus="this.blur()"

<input type="text" name="endDate" onfocus="this.blur()" required autocomplete="off">

2. 表单提交文件/图片

Question： 直接用form表单提交，后台接收不到文件流，只能接收到一个文件名称。

解决方法：设置enctype

默认为：enctype="application/x-www-form-urlencoded"

若要表单中有需要上传文件的表单项时，则必须设置 enctype：enctype="multipart/form-data"

<form action="addNewPack" method="post" name="file_upload" enctype="multipart/form-data">
    <input type="text" name="name" />
    <br> 
    <input type="file" name="image" accept="image/*" />
    <br>
    <input type="submit" value="提交" />
</form>