Javascript 是否使用jquery显示输入文件上载大小限制的客户端验证消息?
我正在尝试验证上载文件的最大限制为2.5 mb。当焦点从字段丢失时,我需要在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=
上显示验证消息
现在我正在客户端进行验证,就像这样
<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();
}
}