`

表单提交前进行验证,满足添加在提交给我表单,否则不提交到表单

    博客分类:
  • jsp
阅读更多

本例知识点,form表单onsubmit属性,是true执行提交,否则不提交

第一步:

jsp 页面:

 <form id="form1" name="form1" method="post" action="LoginAction" onsubmit="return checkform();">

</form>

 js代码如下:

//累加字符串
	function checkspace(checkstr) { 
	var str = ''; 
	for(i = 0; i < checkstr.length; i++) { 
	str = str + ' '; 
	} 
	return (str == checkstr); 
	} 
	
	//验证登录信息完整性
	function checkform(){ 
	var aInputs = document.getElementsByTagName("input");//document.body.all.tags("input"); 
	for (var j =0;j <aInputs.length;j++){ 
	if (aInputs[j].type == "text"){ 
	if(checkspace(aInputs[j].value)) { 
	aInputs[j].focus(); 
	alert("登录信息不完整!"); 
	return false; 
	} 
	} 
	} 
	return true; 
	}

 

分享到:
评论

相关推荐

    表单验证js 提交前验证

    在网页开发中,表单验证是一项至关重要的任务,它确保用户输入的数据符合预期,从而防止错误数据的提交,提高用户体验并保护服务器免受恶意输入。本压缩包包含了一个名为"validateForm.js"的JavaScript文件以及一份...

    jQuery完整注册表单提交验证

    总结来说,jQuery在创建一个完整的注册表单验证系统中发挥着重要作用,它提供了便捷的DOM操作和事件处理机制,帮助开发者轻松地实现前端验证,提升用户体验。结合适当的后端交互,我们可以构建出一个安全、友好的...

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

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

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

    2. 验证时机:验证可以在用户输入时实时进行,也可以在表单提交前一次性检查所有字段。 二、内置验证函数 JavaScript提供了一些内置函数用于基础验证: 1. `isNaN()`: 检查值是否为非数字,返回`true`表示非数字。 ...

    js提交表单及js表单验证

    表单验证是指在用户提交表单前对用户输入的数据进行检查的过程,以确保数据的有效性和正确性。JavaScript可以通过添加事件监听器(如`onsubmit`)来实现表单验证功能。 #### 二、JS提交表单 表单提交通常通过HTML...

    Dreamweaver表单提交验证插件

    总的来说,Dreamweaver表单提交验证插件是Web开发中的得力助手,它简化了表单验证的过程,提高了代码质量,让开发者能够更加专注于创新和提升用户体验。无论你是专业开发者还是业余爱好者,这个插件都值得你拥有。

    jquery validate表单验证插件制作注册表单提交验证

    在本文中,我们将深入探讨如何使用jQuery Validate插件来创建一个功能完备的注册表单,进行数据提交前的验证。jQuery Validate是一个强大的JavaScript库,它为HTML表单提供了灵活且易于使用的验证规则,确保用户输入...

    submit表单提交,onsubmit验证拦截

    submit表单提交,onsubmit验证拦截 免去了用button按钮click点击事件ajax请求

    用户注册表单提交验证

    在IT行业中,用户注册表单提交验证是网页开发中至关重要的一环,确保用户输入的数据有效、安全,防止恶意攻击和无效数据的提交。JavaScript作为客户端脚本语言,常常被用来实现这种验证,以提高用户体验,减少服务器...

    JQuery实现表单完全验证通过后提交表单(包括手机验证,邮编验证)

    很多时候我们在提交表单时都需要对提交的数据进行校验,例如:用户名是否为空,手机格式是否正确...,如果有一项或多项验证不通过,就会给出提示,并不允许表单提交。本人还是初级王,代码写的水平不高,但是还是能...

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

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

    简单的表单验证

    在IT领域,表单验证是网页开发中必不可少的一部分,它确保用户输入的数据符合预设的规则,从而保证数据的有效性和安全性。"简单的表单验证"这个主题,通常涉及到JavaScript(JS)这一前端脚本语言,用于实现客户端的...

    简单的ASP表单提交到后台的源码

    在ASP中,我们可以使用VBScript或JScript等脚本语言编写代码,处理客户端发送的表单数据,并将这些数据存储到数据库或者进行其他业务逻辑处理。这个“简单的ASP表单提交到后台的源码”示例,很可能是为了教学或实践...

    php+ajax表单无刷新验证

    传统的表单验证方式通常在用户提交表单后进行,如果数据不符合要求,用户需要重新填写整个表单,这显然是不理想的。PHP与AJAX(Asynchronous JavaScript and XML)结合的表单验证技术可以实现无刷新验证,即在用户...

    表单提交验证

    本项目主要针对前端开发者,特别是初学者,旨在通过实践来理解如何使用JavaScript进行表单验证。下面我们将深入探讨这个主题。 首先,我们了解JavaScript的基本概念。JavaScript是一种广泛使用的解释型编程语言,...

    bootstarp表单验证

    5. **全局提交验证**:在表单的`submit`事件上添加回调函数,进行整体的表单验证。这可以防止用户在未满足所有条件的情况下提交表单。 6. **错误消息显示**:Bootstrap提供了预定义的错误消息模板,可以通过...

    ajax验证表单

    Ajax(异步JavaScript和XML)技术为表单验证提供了优雅的解决方案,允许在不刷新整个页面的情况下进行后台验证。本示例中,"ajax验证表单"是一个实现这一功能的具体应用,它主要利用JavaScript(尤其是JavaScript库...

    表单提交验证特效

    - **前端验证**:在用户提交表单前,使用JavaScript或其他前端技术(如jQuery, Vue, React等)实时检查输入,即时反馈错误。 - **后端验证**:服务器接收到表单数据后进行验证,这是必需的一步,因为前端验证可被...

    jquery表单验证实例网站会员注册表单验证提交form表单代码

    在网页开发中,表单验证是一项至关重要的任务,它确保用户输入的数据符合预期的格式和规则,从而提高数据质量和用户体验。jQuery作为一个强大的JavaScript库,提供了简单易用的API来进行表单验证。本实例将深入探讨...

    jQuery完整注册表单提交验证.zip

    在表单验证中,jQuery可以高效地处理用户输入,实时反馈错误,提升用户体验。 二、jQuery表单验证原理 1. 事件监听:jQuery通过`$(selector).on('event', callback)`来监听表单的提交事件,如`submit`,在用户尝试...

Global site tag (gtag.js) - Google Analytics