Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何检查输入类型=“;文件”;在jquery验证插件中提交表单之前?_Javascript_Jquery_Html - Fatal编程技术网

Javascript 如何检查输入类型=“;文件”;在jquery验证插件中提交表单之前?

Javascript 如何检查输入类型=“;文件”;在jquery验证插件中提交表单之前?,javascript,jquery,html,Javascript,Jquery,Html,下面是使用jquery验证插件进行图像验证的完整代码。维度和文件大小不是jquery验证插件的方法。这些方法是使用jquery validator.addMethod从外部添加的函数。此代码用于验证在用户端(客户端)显示的图像。如何在提交之前检查输入类型文件的此图像验证按钮意味着当用户选择图像时,验证将根据规则检查图像是否有效 $('image#u form')。验证({ 规则:{ 图片:{ 要求:正确, 分机:“jpg | jpeg”, 尺寸:[300300], 文件大小:50000 },

下面是使用jquery验证插件进行图像验证的完整代码。维度和文件大小不是jquery验证插件的方法。这些方法是使用jquery validator.addMethod从外部添加的函数。此代码用于验证在用户端(客户端)显示的图像。如何在提交之前检查输入类型文件的此图像验证按钮意味着当用户选择图像时,验证将根据规则检查图像是否有效

$('image#u form')。验证({
规则:{
图片:{
要求:正确,
分机:“jpg | jpeg”,
尺寸:[300300],
文件大小:50000
},
},
信息:{
文件大小:“文件太大”,
},
submitHandler:函数(表单){
$(“.spinner”)
.css(“显示”、“块”);
表单提交();
}
});
$.validator.addMethod('filesize',函数(值、元素、参数){
var-minsize=0;

如果((element.files[0].size>minsize)&&(element.files[0].size在我的例子中:一旦用户选择了一个文件,我将验证文件格式和文件大小。如果不确定,输入文件将为空

请参阅下面的代码

函数fileIsValid(文件名)
{
var ext=fileName.match(/\.([^\.]+)$/)[1];
ext=ext.toLowerCase();
var isValid=true;
交换机(分机)
{
案例“png”:
案例“jpeg”:
案件‘jpg’:
案件“tiff”:
案例“gif”:
案例“tif”:
案例“pdf”:
打破
违约:
这个。值=“”;
isValid=false;
}
返回有效;
}
函数VerifyFileName和FileSize(){
var file=document.getElementById('GetFile').files[0];
如果(文件!=null){
var fileName=file.name;
if(fileIsValid(fileName)==false){
警报(“错误->格式”);
document.getElementById('GetFile')。value=null;
返回false;
}
var含量;
var size=file.size;
如果((大小!=null)和((大小/(1024*1024))>3)){
警报(“大小”);
document.getElementById('GetFile')。value=null;
返回false;
}
返回true;
}
其他的
返回false;
}

验证器是否正常工作?验证器正常工作,但不适用于图像选择。它适用于提交按钮。@Alexwell此代码适用于文件选择,但我们如何在jQuery验证插件中使用相同的代码