javascript - 设置图片未上传时的错误信息

Question

设置用户忘记上传图片时的错误消息。我没有发现任何错误，大多数错误都是上传错误，我想要一个让用户知道他们忘记上传图像的错误，而且我不想让用户在图像上传之前进入下一页。我尝试使用我的旧代码来忘记名字和姓氏，但这似乎不起作用。这只是一个例子，向您展示我使用什么来处理错误，请帮忙

function formValidator() {
     var names = document.getElementById('names');


if (isAlphanumeric(names, "Please enter first and last name")) {



<input type="file" name="file3" id="file3" /> 

Answer 1

我认为你在这里有点过度设计了。实际上，您可以依靠 HTML5 中的 input 属性来为您验证或无效表单提交。例如，将输入表示为必需并使用formvalidate可以自动触发。

<form action="" method="post" id="myform">
    <input type="file" name="file3" id="file3" required formvalidate>
    <input type="submit" novalidate>
</form>

浏览器将确保在允许提交之前提供输入。如果您需要进行进一步验证，您还可以通过 JavaScript 连接到表单的 onsubmit 处理程序...

var myform = document.getElementById('myform');
myform.onsubmit = function(e) { /* do some validation on event here */ };