当我单击“上传”按钮时,警报不会出现
Alert doesn't appear when I click on the "Upload" button
我想执行一个简单的javascript验证,当用户单击表单中的提交按钮时,它将检查文件是"png"还是"gif"文件类型。如果文件类型正确,则显示加载栏并上传表单。如果文件类型不正确,则显示 n 条警报,指出文件类型不正确,但不显示加载栏,也不上传表单。
下面是代码,但当我单击"上传"按钮时,它没有显示警报。我需要做什么,以便当用户单击"上传"按钮时,如果文件类型不正确,则会出现警报并且它不会上传文件,如果文件类型正确,则会显示加载栏并上传文件。
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
})
编辑:抱歉您在提交时确实绑定了,但是提交时您所做的只是在更改时绑定图像元素,您实际上并没有在提交时检查任何内容
相关文章:
- 如何使用WCF服务和javascript表单post上传.doc文件
- 限制文件类型,大小,单次上传不'无法在jquery文件上传中工作
- html5拖放文件-在提交整个表单时上传
- jQuery:无法通过输入点击上传文件
- 在上下文菜单项单击上显示侧边栏/弹出窗口的最佳方法是什么
- Jdewit Timepicker 在文本和图标单击上显示小部件
- 单击上一个或继续按钮时更改选项卡样式
- 如何在 Angular JS 中的按钮单击上添加类
- 如何在 HTML 中的按钮单击上更改图像(IMG URL 每次来自服务器)
- 我可以从代码后面更改按钮单击上的Jquery ui活动选项卡吗
- 点击上传javascript/jquery之前显示图像
- 选中父元素单击上的复选框
- 单击上一个/下一个按钮时,我想突出显示下一个或上一个图像
- PHP 表单 - 文件上传不起作用
- 提交时放置区 JS,单击上传
- 如何在 HTML 中的图像单击上播放声音
- 如何通过单击上传按钮在上传文件后重新加载 Jqgrid
- 通过按钮单击上传图像
- 当我单击“上传”按钮时,没有任何反应
- 当我单击“上传”按钮时,警报不会出现