[英]Alert doesn't appear when I click on the “Upload” button
我想执行一个简单的javascript验证,当用户单击表单中的“提交”按钮时,它将检查文件的类型是“ png”还是“ gif”。 如果文件类型正确,则显示加载栏并上传表格。 如果文件类型不正确,则显示警告,指出文件类型不正确,但不显示加载栏,也不上传表单。
下面是代码,但是当我单击“上传”按钮时它没有显示警报。 我需要做些什么,以便当用户单击“上传”按钮时,如果文件类型不正确,则出现警报,并且它不上传文件;如果文件类型正确,则显示加载栏并上传文件。
var sourceImageForm;
var $fileImage = $("<form action='imageupload.php' method='post' enctype='multipart/form-data' target='upload_target' onsubmit='startImageUpload(this);' class='imageuploadform' >" +
"<label> Image File: <input name='fileImage' type='file' class='fileImage' /></label><br/>" +
"<input type='submit' name='submitImageBtn' class='sbtnimage' value='Upload' /></label></form>");
function startImageUpload(imageuploadform){
$(".imageFile").change(function() {
var val = $(this).val();
switch(val.substring(val.lastIndexOf('.') + 1).toLowerCase()){
case 'gif': case 'jpg': case 'png':
return true;
break;
default:
$(this).val('');
alert("not an image");
return false;
break;
}
});
$(imageuploadform).find('.imagef1_upload_process').css('visibility','visible');
$(imageuploadform).find('.imagef1_upload_form').css('visibility','hidden');
sourceImageForm = imageuploadform;
return true;
}
您在第三行中缺少结尾处的"
,这可能是原因。
您并没有阻止表单默认行为,因此,在提交表单时,它就可以了,它不在乎javascript方面。
$('form').submit(function(ev) {
// do your stuff here and return true to submit it or false to stop it
})
编辑:对不起,您确实在提交时进行绑定,但是在按提交时您要做的就是在更改时绑定图像元素,您实际上并没有在提交时检查任何内容
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.