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（）返回true，在AJAX下面的代码行应该是：

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

如果Checksize（）返回false，应该是：提前

$("#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 });