如何检查用户是否在Javascript中上传了文件

Question

我创建了一个表单,其中有2个文本字段和一个文件字段.我在'text'字段上添加了Javascript .如果用户离开'text'字段并按下提交按钮,All Fields are Required字体变为红色,我想在用户不上传任何图像时将其变为红色.我尝试了各种各样的方法,但它不起作用.请告诉我这样做的方法.

      <script type="text/javascript">

function myFunction()
{
    var category_name   =   document.forms["insert"]["sub_category_name"].value;
    //var image =           document.forms["insert"]["file"].item();

    var error           =   document.getElementById("error");


    if(category_name=="" )
    {
        error.style.color="Red";
        return false;
        }
        else
        {
            //message.innerHTML="Data Inserted!";
            }
    }


</script>

PHP代码

    <?php

echo "
    <form name='insert' action='sub_categories.php' method='POST' onSubmit='return myFunction()' enctype='multipart/form-data'>
        <table class='gridtable' border=2 bordercolor='#CCCCCC' cellpadding='10'>
        <tr>
        <th>
            Sub-Category Name: </th><td>    <input type='text' name='sub_category_name' ></td></tr>";





            echo "
        <tr>
        <th>
            Image1:</th><td> <input type='file' name= 'file' ></td></tr> 

            ";

谢谢

Answer 1

只需通过id输入文件并检查它的值是否为空:

if(document.getElementById('file').value=='') {//something here }