JS: Вставка JS в JQuery/AJAX код

Question

Я хотел бы знать, как я могу использовать мой код Javascript в моей JQuery-AJAX код:

JS кодекса

var error=""; 

function Checkfiles() { 
    var fup = document.getElementById('flUpload'); 
    var fileName = fup.value; 
    var ext = fileName.substring(fileName.lastIndexOf('.') + 1); 
    var chkext = ext.toLowerCase(); 

    if(chkext=="gif" || chkext=="jpg" || chkext=="jpeg" || chkext=="png") { 
     return true; 
    } else { return false; } 
} // Checkfiles 

function Checksize() { 
    var iSize; 
    if ($("#flUpload")[0].files[0]){ iSize = ($("#flUpload")[0].files[0].size/1024);} 
    if(Checkfiles()==true && iSize < 51.200) { return true; } else { error += "- Only GIF, PNG, JPG images, smaller than 50 KB."; return false; } 
} //Checksize 

И этот JQuery код:

$(document).ready(function() { 

$("#ff1").submit(function(e){ 
    // prevent submit 
    e.preventDefault(); 

    var email = document.getElementById("email").value; 
    var title = document.getElementById("title").value; 
    var url = document.getElementById("url").value; 
    var parametros = {"emaail":email, "tiitle":title, "uurl":url, "filee":file}; 

    $.ajax({ 
     data: parametros, 
     url: 'validate.php', 
     type: 'post', 
     context: this, 
     error: function (response) { 
      alert("An error has occurred! Try Again!"); 
     }, 
     success: function (response) { 
      if($.trim(response) == 'bien') { 
       this.submit(); // submit, bypassing jquery bound event 
      } 
      else { 
       $("#ajax_call_val").html('<div id="validation"><ul>'+response+'</ul></div>'); 
      } 
     } 
    }); 

}); 

}); 

Я хочу, чтобы проверить вход файл с моим кодом Javascript, если Checksize() возвращает истину, в коде AJAX следующая строка должна быть:

$("#ajax_call_val").html('<div id="validation"><ul>'+response+'</ul></div>'); 

Если Checksize() возвращает ложь, должно быть:

$("#ajax_call_val").html('<div id="validation"><ul>'+response+'<li>Only GIF, PNG, JPG images, smaller than 50 KB</li></ul></div>'); 

Заранее спасибо!

Answer 1

В функции успеха сделать:

if (Checksize()) { 
    $("#ajax_call_val").html('<div id="validation"><ul>'+response+'</ul></div>'); 
} else { 
    $("#ajax_call_val").html('<div id="validation"><ul>'+response+'<li>Only GIF, PNG, JPG images, smaller than 50 KB</li></ul></div>'); 
} 

Объедините ваши выше кодов:

var error=""; 

function Checkfiles() { 
    var fup = document.getElementById('flUpload'); 
    var fileName = fup.value; 
    var ext = fileName.substring(fileName.lastIndexOf('.') + 1); 
    var chkext = ext.toLowerCase(); 

    if(chkext=="gif" || chkext=="jpg" || chkext=="jpeg" || chkext=="png") { 
     return true; 
    } else { return false; } 
} // Checkfiles 

function Checksize() { 
    var iSize; 
    if ($("#flUpload")[0].files[0]){ iSize = ($("#flUpload")[0].files[0].size/1024);} 
    if(Checkfiles()==true && iSize < 51.200) { return true; } else { error += "- Only GIF, PNG, JPG images, smaller than 50 KB."; return false; } 
} //Checksize 

$(document).ready(function() { //blah });