Javascript函数无法正常返回

时间:2015-01-12 10:35:53

标签: javascript jquery

我编写了一个javascript函数来验证文件输入文件:

function valaidateform() {
    var fileInput = document.getElementById('file');        
    message = "";
    var file = fileInput.files[0];
    var textType = /text.*/;    

    if (file.type.match(textType)) {
        var reader = new FileReader();                  
        reader.onload = function(e) {
            filecontent =  reader.result.trim();
            var res = filecontent.split("\n");          
            lines = res.length;
            if (!(filecontent.substring(0, 1) == ">")) {
                alert("Not a proper file Fasta file");   
                return false;
            }
        }
        reader.readAsText(file);    
    } 
    else {
        alert("File not supported!");
    }

    alert("VAlidate function to end now")               
    return true;
}

//On form submit I call validateform() function
formrequest.submit(function() { 
    alert(valaidateform());
    if (validationstatus == false) {
        return false;
    }
}

在我的表单提交代码上,我调用此函数来检查文件验证。函数正常工作,因为我可以从函数获取警报消息,但警告消息VAlidate function to end now显示在Not a proper file Fasta file之前,函数始终返回真实的来电功能为什么这样?我该如何解决这个问题?

1 个答案:

答案 0 :(得分:1)

FileReader异步执行。这意味着在读取文件时,代码继续执行并命中第二个alert。要停止此行为,请将所有代码依赖于onload处理程序中的文件阅读器:

if (file.type.match(textType)) {
    var reader = new FileReader();                  
    reader.onload = function(e) {
        filecontent =  reader.result.trim();
        var res = filecontent.split("\n");          
        lines = res.length;
        if (!(filecontent.substring(0, 1) == ">")) {
            alert("Not a proper file Fasta file");   
        }

        alert("Validate function to end now") // note success alert placed here         

        // call a function here which handles the valid file result
    }
    reader.readAsText(file);    
} 
else {
    alert("File not supported!");
}

请注意,您无法从异步处理程序返回。相反,一旦异步函数完成,你需要调用一个函数来处理结果。