Javascript 是否使用jquery显示输入文件上载大小限制的客户端验证消息?

Javascript 是否使用jquery显示输入文件上载大小限制的客户端验证消息?,javascript,jquery,html,validation,Javascript,Jquery,Html,Validation,我正在尝试验证上载文件的最大限制为2.5 mb。当焦点从字段丢失时,我需要在上显示验证消息 现在我正在客户端进行验证,就像这样 <div class="col-sm-7"> <input class="form-control" id="Attachement" name="Attachement" type="file" value=""> <span class="field-validation-valid" data-valmsg-for=

我正在尝试验证上载文件的最大限制为2.5 mb。当焦点从字段丢失时,我需要在
上显示验证消息

现在我正在客户端进行验证,就像这样

 <div class="col-sm-7">
    <input class="form-control" id="Attachement" name="Attachement" type="file" value="">
    <span class="field-validation-valid" data-valmsg-for="Attachement" data-valmsg-replace="true"></span>
  </div>

var attachement = document.getElementById('Attachement');
attachement.onchange = function() {
    var file = attachement.files[0];
    if (file.size > 2621440) {
         //Now Here I need to update <span> 

       alert('Filesize must 2.5mb or below'); // don't want alert message
    }
};

var attachement=document.getElementById('attachement');
attachement.onchange=函数(){
var file=attachement.files[0];
如果(file.size>2621440){
//现在我需要更新一下
警报(“文件大小必须为2.5mb或更低”);//不需要警报消息
}
};
例子

验证后

<div class="col-sm-7">
  <input class="form-control input-validation-error" data-val="true" data-val-required="The First Name field is required." id="FirstName" name="FirstName" placeholder="First Name" required="required" type="text" value="">
  <span class="field-validation-error" data-valmsg-for="FirstName" data-valmsg-replace="true" style="color:Red"><span for="FirstName" class="">
        The First Name field is required.</span>
  </span>
</div>

“名字”字段是必需的。

还可以从
更新css类。我不知道是否有一个jQuery等价于
file.size
,但是您可以使用
.get()
从jQuery对象获取DOM对象,并使用Javascript属性

$("#Attachement").change(function() {
    var file = $(this).get(0);
    if (file.size && file.size > 2621440) {
        $(this).addClass("input-validation-error").siblings(".field_validation-valid").text("File must be smaller than 2.5MB.");
    } else {
        $(this).removeClass("input-validation-error").siblings(".field_validation-valid").empty();
    }
}

是的,我知道了。但是如何更新
span
以显示验证消息。更新以显示验证消息。我不认为您需要基本jQuery功能的帮助,我以为您只是想知道如何检查文件大小。
$("#Attachement").change(function() {
    var file = $(this).get(0);
    if (file.size && file.size > 2621440) {
        $(this).addClass("input-validation-error").siblings(".field_validation-valid").text("File must be smaller than 2.5MB.");
    } else {
        $(this).removeClass("input-validation-error").siblings(".field_validation-valid").empty();
    }
}