我在哪里放置下面的函数进行验证
where do i place function below for validation
我有一个表单存储在下面的javascript变量中:
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>
现在,正如您所看到的,当用户单击提交按钮时,它会提交到下面的"startImageUpload"功能:
function startImageUpload(imageuploadform){
$(imageuploadform).find('.imagef1_upload_process').css('visibility','visible');
$(imageuploadform).find('.imagef1_upload_form').css('visibility','hidden');
sourceImageForm = imageuploadform;
return true;
}
它的作用是当用户单击提交时,它会显示一个加载栏并上传表单。
我想执行一个简单的javascript验证,当用户单击表单中的提交按钮时,它将检查文件是"png"还是"gif"文件类型。如果文件类型正确,则显示加载栏并上传表单。如果文件类型不正确,则显示 n 条警报,指出文件类型不正确,但不显示加载栏,也不上传表单。
下面是验证,但我的问题是我在哪里放置代码,以便当用户单击"上传"按钮时,如果文件类型不正确,则会出现警报并且它不会上传文件,如果文件类型正确,则它会显示加载栏并上传文件。
$(".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;
}
});
您不能将验证代码放在startImageUpload
中,如果验证失败,请设置您想要的任何错误字段并返回 false?
你必须
找出,为什么你没有得到alert()
。
首先,检查您的val
:
var val = $(this).val();
alert(val);
如果核心价值有问题,这可能已经给你一个提示。
其次,检查您是否正在输入switch
:
switch(val.substring(val.lastIndexOf('.') + 1).toLowerCase()){
alert('In the switch...');
...
}
你能检查什么val.substring(val.lastIndexOf('.') + 1).toLowerCase()
退货吗?
希望有帮助...
相关文章:
- 使用jquery验证函数不适用于select元素
- Java脚本函数中的PHP(PCRE)验证
- 带验证的插入函数上的Codeigniter Ajax
- Jquery函数来验证响应文本
- jQuery文件上传和验证未定义函数
- 为什么jQuery验证“;远程:“;验证需要一个函数来设置数据值
- 输入字段验证的键代码函数在chrome中没有按预期工作
- 按照承诺,通过与chai的函数调用验证已解析承诺的内容
- 如何使用JavaScript函数验证Google Analytics跟踪id
- 调用外部JS函数验证电子邮件
- 使用函数验证最小值和最大值之间的用户输入
- JavaScript函数验证不起作用
- Javascript函数验证器
- 使用jQuery ajax函数验证表单时,不会设置$_POST变量
- 使用自定义验证函数验证文本字段时出现问题
- 按函数验证表单
- 我想使用AJAX函数验证CAPTCHA
- 关于JavaScript函数验证数值的说明
- 如何获得模糊文本字段值:函数()验证- extjs
- 如何使用javascript函数验证单选按钮