本例知识点,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;
}
分享到:
相关推荐
在网页开发中,表单验证是一项至关重要的任务,它确保用户输入的数据符合预期,从而防止错误数据的提交,提高用户体验并保护服务器免受恶意输入。本压缩包包含了一个名为"validateForm.js"的JavaScript文件以及一份...
总结来说,jQuery在创建一个完整的注册表单验证系统中发挥着重要作用,它提供了便捷的DOM操作和事件处理机制,帮助开发者轻松地实现前端验证,提升用户体验。结合适当的后端交互,我们可以构建出一个安全、友好的...
不能再让表单在提交按钮之后才被验证了!你输入的任何信息表单都会即时反应! 这个JavaScript的关键是onChange()事件,使用onKeyUp()事件完成是不行的,人家没有输入完毕,你就说人家不对,多不友好啊╮(╯▽╰)╭ ...
2. 验证时机:验证可以在用户输入时实时进行,也可以在表单提交前一次性检查所有字段。 二、内置验证函数 JavaScript提供了一些内置函数用于基础验证: 1. `isNaN()`: 检查值是否为非数字,返回`true`表示非数字。 ...
表单验证是指在用户提交表单前对用户输入的数据进行检查的过程,以确保数据的有效性和正确性。JavaScript可以通过添加事件监听器(如`onsubmit`)来实现表单验证功能。 #### 二、JS提交表单 表单提交通常通过HTML...
总的来说,Dreamweaver表单提交验证插件是Web开发中的得力助手,它简化了表单验证的过程,提高了代码质量,让开发者能够更加专注于创新和提升用户体验。无论你是专业开发者还是业余爱好者,这个插件都值得你拥有。
在本文中,我们将深入探讨如何使用jQuery Validate插件来创建一个功能完备的注册表单,进行数据提交前的验证。jQuery Validate是一个强大的JavaScript库,它为HTML表单提供了灵活且易于使用的验证规则,确保用户输入...
submit表单提交,onsubmit验证拦截 免去了用button按钮click点击事件ajax请求
在IT行业中,用户注册表单提交验证是网页开发中至关重要的一环,确保用户输入的数据有效、安全,防止恶意攻击和无效数据的提交。JavaScript作为客户端脚本语言,常常被用来实现这种验证,以提高用户体验,减少服务器...
很多时候我们在提交表单时都需要对提交的数据进行校验,例如:用户名是否为空,手机格式是否正确...,如果有一项或多项验证不通过,就会给出提示,并不允许表单提交。本人还是初级王,代码写的水平不高,但是还是能...
js验证表单大全,用JS控制表单提交 ,javascript提交表单
在IT领域,表单验证是网页开发中必不可少的一部分,它确保用户输入的数据符合预设的规则,从而保证数据的有效性和安全性。"简单的表单验证"这个主题,通常涉及到JavaScript(JS)这一前端脚本语言,用于实现客户端的...
在ASP中,我们可以使用VBScript或JScript等脚本语言编写代码,处理客户端发送的表单数据,并将这些数据存储到数据库或者进行其他业务逻辑处理。这个“简单的ASP表单提交到后台的源码”示例,很可能是为了教学或实践...
传统的表单验证方式通常在用户提交表单后进行,如果数据不符合要求,用户需要重新填写整个表单,这显然是不理想的。PHP与AJAX(Asynchronous JavaScript and XML)结合的表单验证技术可以实现无刷新验证,即在用户...
本项目主要针对前端开发者,特别是初学者,旨在通过实践来理解如何使用JavaScript进行表单验证。下面我们将深入探讨这个主题。 首先,我们了解JavaScript的基本概念。JavaScript是一种广泛使用的解释型编程语言,...
5. **全局提交验证**:在表单的`submit`事件上添加回调函数,进行整体的表单验证。这可以防止用户在未满足所有条件的情况下提交表单。 6. **错误消息显示**:Bootstrap提供了预定义的错误消息模板,可以通过...
Ajax(异步JavaScript和XML)技术为表单验证提供了优雅的解决方案,允许在不刷新整个页面的情况下进行后台验证。本示例中,"ajax验证表单"是一个实现这一功能的具体应用,它主要利用JavaScript(尤其是JavaScript库...
- **前端验证**:在用户提交表单前,使用JavaScript或其他前端技术(如jQuery, Vue, React等)实时检查输入,即时反馈错误。 - **后端验证**:服务器接收到表单数据后进行验证,这是必需的一步,因为前端验证可被...
在网页开发中,表单验证是一项至关重要的任务,它确保用户输入的数据符合预期的格式和规则,从而提高数据质量和用户体验。jQuery作为一个强大的JavaScript库,提供了简单易用的API来进行表单验证。本实例将深入探讨...
在表单验证中,jQuery可以高效地处理用户输入,实时反馈错误,提升用户体验。 二、jQuery表单验证原理 1. 事件监听:jQuery通过`$(selector).on('event', callback)`来监听表单的提交事件,如`submit`,在用户尝试...