选中HTML/JavaScript文件检查

选中HTML/JavaScript文件检查,javascript,html,validation,Javascript,Html,Validation,因此,在用户可以继续之前,我不知道如何验证我的表单以确保它们是一个被选中的文件。我见过一些例子,但出于某种原因,它们只在internet explorer中工作 任何帮助都将不胜感激,谢谢 这是我当前的HTML工作表: <!DOCTYPE html> <html> <head> <title>Upload Page</title> <script> function validateForm() { var x =

因此,在用户可以继续之前,我不知道如何验证我的表单以确保它们是一个被选中的文件。我见过一些例子,但出于某种原因,它们只在internet explorer中工作

任何帮助都将不胜感激,谢谢

这是我当前的HTML工作表:

<!DOCTYPE html>
<html>
<head>
<title>Upload Page</title>

<script>
function validateForm() {
    var x = document.forms["myForm"]["title"].value;
    if (x.length < 3) {
        alert("Title Needs To Be At Least 3 Characters Long");
        return false;
    }

    var y = document.forms["myForm"]["lotsoftext"].value;
    if (y.length == 0)
    {
        alert("Caption Must Not Be Empty");
        return false;
    }

}
</script>
</head>
<body>
    <h1><center><img src="Images/Drawing.png" onload="loadImage()" width="500" height="169"></center></h1>
    <center>
    <form name="myForm" action="Homepage.html" onsubmit="return validateForm();" method="GET">

    Photo Title: <input type="text" name="title">
    <br>
    <input type="file" name="upload" id="upload">
    <br><br><br>
    Caption: <textarea rows="10" cols="20" name="lotsoftext"></textarea>
    <a class="btn" href="Homepage.html"></a>
    <input type="submit" value="Upload">
</form>    
    <a href="Homepage.html">Cancel</a>
</center>
</body>
<script>
function loadImage() {
    alert("Image is loaded");
} 
</script>
</html>

上传页面
函数validateForm(){
var x=document.forms[“myForm”][“title”]。值;
如果(x.长度<3){
警告(“标题至少需要3个字符长”);
返回false;
}
var y=document.forms[“myForm”][“lotsoftext”].value;
如果(y.length==0)
{
警告(“标题不得为空”);
返回false;
}
}
照片标题:




标题: 函数loadImage(){ 警报(“图像已加载”); }
您只需将
required
属性添加到文件输入,即


上载内容时,
的值是上载文件的路径

要检查它,您可以执行以下操作:

<input type="file" name="upload" id="upload">

<script>
    if (document.getElementsByName('upload')[0].value.length > 0) {
        //there is a path, so something is uploaded
    } else {
        alert('You have to upload something!')
    }
</script>

if(document.getElementsByName('upload')[0].value.length>0){
//有一个路径,所以上传了一些东西
}否则{
警报('您必须上传内容!')
}
您可以将if语句挂接到您进行表单验证的任何时候。这也可用于确保文件为特定类型,即“png”文件或“jpeg”文件


document.getElementsByName('upload')[0].value
返回的示例是:
C:\fakepath\randomage.png

您反对使用jQuery吗?@Jan Perfect,正是我想要的!谢谢!!