`
zzz200100
  • 浏览: 35762 次
  • 性别: Icon_minigender_1
  • 来自: 厦门
社区版块
存档分类
最新评论

js验证表单提交图片

阅读更多
[定义和用法]
lastIndexOf() 方法可返回一个指定的字符串值最后出现的位置,在一个字符串中的指定位置从后向前搜索。

[语法]
stringObject.lastIndexOf(searchvalue,fromindex)
[searchvalue] 必需。规定需检索的字符串值。
[fromindex] 可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略该参数,则将从字符串的最后一个字符处开始检索。



// 检测浏览器内核
var Sys = {};
if(navigator.userAgent.indexOf("MSIE")>0) {
	Sys.ie=true;
}
if(navigator.userAgent.indexOf('Trident')>0) {
	Sys.ie_plus=true;
}
if(isFirefox=navigator.userAgent.indexOf("Firefox")>0){
	Sys.firefox=true;
}
if(isChrome=navigator.userAgent.indexOf("Chrome")>0){
	Sys.chrome=true;
}

// 验证FileUpload对象
function validateFile(obj, size, types) {
	if(!types){
		types = new Array('jpg','png','gif','bmp','jpeg');
	}else{
		types = types.split(',');
	}
	var self_size = 200*1024;
	if(!size){
		size = $(obj).siblings('input[name="MAX_FILE_SIZE"]').val();
		if(!size) size = self_size ;
	}
	var boolResult = false;
	var imgLength = obj.value.length;
	if(imgLength != 0) {
		var fileName = obj.value;
		var fileType = (fileName.substring(fileName.lastIndexOf(".")+1,fileName.length)).toLowerCase();
		for (var i = 0; i < types.length; i++) {
			if (types[i] == fileType) {
				boolResult=true;
				break;
			} else{
				continue;
			}
		}
		if(!boolResult){
			 alert("文件格式错误!");
			 obj.value='';
			 if(Sys.ie){
			 	obj.outerHTML = obj.outerHTML;
			 }
			 return false;
		}
		var filesize = 0;
		if(Sys.firefox || Sys.chrome || Sys.ie_plus){
			filesize = obj.files[0].size;
			if(filesize>size){
				alert('附件太大,请进行图片处理后上传');
				obj.value='';
				return false;
			}
		}else if(Sys.ie){
			var fso,f;
			try {
				fso=new ActiveXObject("Scripting.FileSystemObject");
				if(!fso){
					alert('加载控件失败,请设置浏览器安全"不允许运行未标记为安全的activeX控件"设置为启用');
					return false;
				}
				f=fso.GetFile(getPath(obj));
				filesize = f.size;
				if(filesize>size){
					alert('附件太大,请进行图片处理后上传');
					obj.outerHTML = obj.outerHTML;
				}
			} catch (e) {
				alert('加载控件失败,请设置浏览器安全"不允许运行未标记为安全的activeX控件"设置为启用');
				obj.value='';
				obj.outerHTML = obj.outerHTML;
			}
		}
	}
	return boolResult;
}
// 获取FileUpload对象文件名方法
function getPath(obj){ 
	if(obj){
		if (window.navigator.userAgent.indexOf("MSIE")>=1){
			obj.select();
			return document.selection.createRange().text;
		}
		else if(window.navigator.userAgent.indexOf("Firefox")>=1)
		{
			if(obj.files){
				return obj.value;
			}
			return obj.value;
		}
		return obj.value;
	}
}

分享到:
评论

相关推荐

    js验证表单大全,用JS控制表单提交 ,javascript提交表单

    js验证表单大全,用JS控制表单提交 ,javascript提交表单

    js提交表单及js表单验证

    ### JS提交表单及JS表单验证 在Web开发中,JavaScript经常被用来增强用户体验,其中一个重要的应用领域就是表单验证。通过JavaScript进行前端验证,可以及时反馈用户输入错误,提高交互效率。本文将详细解释如何...

    Js 表单提交验证函数(很全了)

    在JavaScript中,表单提交验证是确保用户输入的数据符合预设规则的重要环节,这有助于防止无效数据的提交,提升用户体验,以及保护服务器免受恶意数据的冲击。本篇将详细介绍JavaScript表单验证函数的一些关键知识点...

    js提交表单的三种方式

    在JavaScript中,提交表单是网页交互中的常见操作,它允许用户输入数据并将其发送到服务器进行处理。...在实际开发中,常常结合使用,如先进行JavaScript验证,然后用Ajax提交数据,以保证数据安全性和用户体验。

    JS提交form表单实例分析

    一、javascript 页面加裁时自动提交表单: Form表单: &lt;form method="post" id="myform" action="a.php"&gt; &lt;input type="submit" value="提交表单"&gt; &lt;/form&gt; javascript 代码: [removed] ...

    js表单验证大全,js提交表单

    本篇文章将深入探讨JavaScript在表单验证和表单提交中的应用。 1. **基础概念** - **表单(Form)**: HTML中的`&lt;form&gt;`元素用于创建用户输入数据的区域,如文本框、选择框等。 - **事件监听**: JavaScript通过...

    表单验证js 提交前验证

    在前端验证中,JavaScript通常用于在用户提交表单之前检查输入的有效性。以下是一些常见的表单验证规则和知识点: 1. **非空验证**:这是最基本的验证,检查用户是否填写了必填字段。在JavaScript中,可以使用`if ...

    javascript方式防止表单重复提交

    JavaScript作为客户端脚本语言,可以通过多种策略来防止用户意外或恶意地多次提交表单。以下是一些关键的知识点: 1. **禁用提交按钮**:最简单的预防方法是在用户点击提交按钮后立即将其禁用。这可以通过监听`...

    js实现定时提交表单

    下面将详细介绍如何使用JavaScript实现定时提交表单的功能。 首先,我们需要理解表单(Form)的基本结构和事件。在HTML中,表单元素通常由`&lt;form&gt;`标签定义,包含各种输入控件如`&lt;input&gt;`、`&lt;textarea&gt;`等。表单...

    javascript弹出层表单提交代码

    JavaScript弹出层表单提交是一种常见的用户交互设计,它允许用户在不离开当前页面的情况下填写并提交表单数据。这种技术常用于网站的登录、注册、评论或编辑功能,提供了良好的用户体验,因为用户无需跳转到新页面...

    js 提交form表单和设置form表单请求路径的实现方法

    如下所示: form表单ID:postform 设置表单请求url document.postform.action = SaveReturnInfo...以上就是小编为大家带来的js 提交form表单和设置form表单请求路径的实现方法全部内容了,希望大家多多支持软件开发网~

    批量提交表单JS

    批量提交表单JS的核心概念是利用JavaScript对多个表单数据进行处理,然后一次性发送到服务器。传统的HTML表单提交会刷新整个页面,而使用JS的批量提交则可以在不刷新页面的情况下完成,提供更好的用户体验。 jQuery...

    原生js实现表单验证(提交后验证)

    这通常涉及到在表单的`submit`事件上添加监听器,以在用户尝试提交表单时进行验证。以下是实现这一功能的基本步骤: ```javascript document.getElementById('myForm').addEventListener('submit', function(event)...

    js 验证表单 动态提示

    它通常发生在用户尝试提交表单之前,通过JavaScript进行客户端验证,可以减少服务器端的负担,提高用户体验。动态提示是指在用户输入过程中即时显示验证结果,而不仅仅是提交后才告知错误。 1. **事件监听**:在...

    ajax提交form表单和上传图片

    在Web开发中,异步JavaScript和XML(Ajax)技术被广泛用于提高用户体验,尤其是在处理表单提交和文件上传时。本教程将详细讲解如何利用jQuery、jQuery Form插件以及Spring MVC框架来实现Ajax提交表单并上传图片。...

    layui 图片上传+表单提交+ Spring MVC的实例

    在本实例中,我们主要探讨了如何利用Layui库进行图片上传,同时结合表单提交和Spring MVC框架实现后端处理。Layui是一个轻量级的前端组件库,提供了丰富的UI组件,包括上传功能。以下是具体的知识点: 1. **Layui...

    巧用js提交表单轻松解决一个页面有多个提交按钮

    代码如下: ”javascript” name=”code”&gt;function check(txt){ $j(“form”).submit(function(){ if($txt==”提交”){ this.action=”doAddMessage.action?button=提交”; this.submit(); }else{ this.action=”...

    ajaxForm异步提交表单(含图片)

    AjaxForm是jQuery Form Plugin的一个功能,用于实现异步表单提交,特别是处理包含图片在内的复杂数据。本文将深入探讨如何使用ajaxForm进行异步表单提交。 首先,让我们了解什么是Ajax。AJAX(Asynchronous ...

    JavaScript表单即时验证 验证不成功不能提交

    不能再让表单在提交按钮之后才被验证了!你输入的任何信息表单都会即时反应! 这个JavaScript的关键是onChange()事件,使用onKeyUp()事件完成是不行的,人家没有输入完毕,你就说人家不对,多不友好啊╮(╯▽╰)╭ ...

    js-实现原生表单提交验证.zip

    原生js表单提交验证代码下载。原生JavaScript实现,适合新手学习js。用户填写完成后,点击提交按钮,判断填写的信息是否符合要求,如不符合将弹出相应的修改信息要求,引导用户正确填写表单。

Global site tag (gtag.js) - Google Analytics