用JS怎么判断上传文件控件是否未选择文件

更新时间:2021-06-25 编辑:未知 关注人次:0 云搜索


页面代码:

复制代码
    <form name="form1" action="uploadPosdetailFile.html" method="post" ENCTYPE="multipart/form-data">
    <div class="form" >
            <p>
                <span class="req"><input id="startDateTxt"  name="startDateTxt" class="field size4" title="Enter the date" /></span>
                <label>Start Date: <span>(Date format:MM/dd/yyyy,eg:01/01/2014)</span></label>
            </p>
            
            <p>
                <span class="req"><input id="endDateTxt"  name="endDateTxt" class="field size4" title="Enter the date" /></span>
                <label>End Date: <span>(Date format:MM/dd/yyyy,eg:12/25/2014)</span></label>
            </p>
            
            <p>
                <span class="req"><input type="file"  name="uploadFileCtrl" class="field size4" title="Choose the file" /></span>
                <label>Upload file: <span>(click browse to choose)</span></label>
            </p>
    </div>
    
    <div class="buttons">
        <input id="queryBtn" type="button" class="button" value="Submit" />
    </div>
    
    </form>
复制代码

 

验证代码:

复制代码
    $("#queryBtn").click(
        function(){
            ......
            
            var s=document.form1.uploadFileCtrl.value; 
            if(s==""){
                alert("Please choose a posdetail file.");
                document.form1.uploadFileCtrl.focus();
                return;
            }
            
            showLoadingWnd('Uploading,please wait...');
            document.form1.submit();
        }
    );
复制代码

上面粗体部分是核心代码。

本文地址: http://www.4435.cn/a/xinwenguandian/jianzhanzhishi/2021/0625/32434.html ,转载请注明出处。

服务支持

我们珍惜您每一次在线询盘,有问必答,用专业的态度,贴心的服务。

让您真正感受到我们的与众不同!