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