<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>My JSP 'index.jsp' starting page</title>
<script type="text/javascript">
function onValidation(){
var flag=true;
var name=document.getElementById('name').value;
var password=document.getElementById('password').value;
alert(name);
alert(password);
if(name==""){
flag=false;
}
if(password==""){
flag=false;
}
alert(flag);
return flag;
}
</script>
</head>
<body>
<s:form action="validation" method="POST">
<s:textfield label="用户名" name="name" id="name" />
<s:textfield label="密码" name="password" id="password" />
<button type="submit" name="提交" value="submit" onclick="javascript:return onValidation();" >
submit
</button>
</s:form>
</body>
</html>
上面是一个小例子,本来是用<s:submit/>提交的,不过上面要求,button上要加一个gif对号。就是用上面的方法在<button><img src="" /></button>之类的。
本来用<s:submit />提交,在<s:form onsubmit="javascript:return onValidation();">中验证的,没什么问题。结果换了<button>之后,没效果,还得在<button>中做验证。
分享到:
相关推荐
本压缩包包含了一个名为"validateForm.js"的JavaScript文件以及一份"表单验证说明.txt"的文本文件,它们专门用于实现前端的表单验证功能。 `validateForm.js` 是一个JavaScript函数库,它提供了对HTML表单字段的...
2. 验证时机:验证可以在用户输入时实时进行,也可以在表单提交前一次性检查所有字段。 二、内置验证函数 JavaScript提供了一些内置函数用于基础验证: 1. `isNaN()`: 检查值是否为非数字,返回`true`表示非数字。 ...
"JavaScript常见问题整理.txt"、"表单验证大全.txt"、"JavaScript表单验证控制代码大全.txt"、"JavaScript验证表单函数大全.txt"这些文件将提供更具体的信息和示例代码,帮助深入理解和掌握这一主题。
最后这个例子用于验证一个数值型输入框的值是否在1到100之间,以及一个文本输入框的长度是否至少为10个字符。如果不符合条件,则弹出相应的提示框并聚焦到对应输入框上,阻止表单提交。 ### 总结 以上就是关于使用...
js验证表单大全,用JS控制表单提交 ,javascript提交表单
"一个完美的js表单验证案例"利用JavaScript(特别是jQuery库)实现了这一功能,提供了高效、用户友好的验证机制。 JavaScript作为客户端脚本语言,可以直接在用户的浏览器上运行,这使得表单验证可以实时进行,减少...
【标题】"一个js验证表单"涉及到的是前端开发中的一个重要环节——表单验证。在网页设计中,用户输入的数据需要经过验证以确保其有效性和安全性。JavaScript是一种常用的客户端脚本语言,它允许我们在用户的浏览器上...
1. **基本的JavaScript验证** 在HTML表单中,我们可以为输入元素添加`onsubmit`事件监听器,当用户尝试提交表单时触发JavaScript函数进行验证。例如: ```html ()"> <!-- 表单元素 --> ``` 在JavaScript部分...
1. CSV导出:通过创建一个包含所有数据的大型字符串,使用换行符和逗号分隔每一行和每一列,然后设置`Content-Type`为`text/csv`并触发浏览器下载。 2. XLSX库:可以使用如` SheetJS`这样的库,它提供了处理和生成...
以上就是关于JavaScript表单验证对象控件以及使用Ajax进行重复项验证和数据提交的基础知识。在实际应用中,你可能还需要考虑错误处理、异步操作的用户体验改进(如加载指示器)以及安全问题,如防止XSS和CSRF攻击。...
不能再让表单在提交按钮之后才被验证了!你输入的任何信息表单都会即时反应! 这个JavaScript的关键是onChange()事件,使用onKeyUp()事件完成是不行的,人家没有输入完毕,你就说人家不对,多不友好啊╮(╯▽╰)╭ ...
例如,可以设置一个延迟,只有在用户停止输入一段时间后才执行验证。 通过以上方法,我们可以构建出一套完整的JavaScript表单验证系统,提供实时、友好的动态提示,提升用户在填写表单过程中的体验。在实际项目中,...
下面将详细介绍如何使用JavaScript进行表单验证,并通过一个具体的实例来阐述这一过程。 首先,我们需要创建一个HTML表单。表单通常由`<form>`标签定义,其中包含各种输入元素,如`<input>`、`<textarea>`、`...
总结,"js验证错误信息.rar" 提供的资源是关于前端表单验证的一个实践示例,对于初学者来说,这是一个很好的学习和参考资源。通过理解和运用其中的验证逻辑,可以提升开发者对JS表单验证的理解和应用能力。
JS验证代码大全是汇集了多种JavaScript验证技术的资源集合,可以帮助开发者在创建网页表单、验证用户输入等方面提供有效的解决方案。 一、表单验证基础 在网页开发中,表单验证是非常重要的一环,它能够确保用户...
总结,这个"js 验证 自定义 类"框架旨在提供一种高效、灵活和可扩展的JavaScript验证解决方案。通过其内置的基本验证功能和自定义规则的能力,开发者可以轻松应对各种数据验证需求,同时保持良好的用户体验。结合...
- `javascript提交表单__超超聊事.files`: 可能是一份关于JavaScript表单提交技术的详细讲解资料。 7. **最佳实践** - 提供即时反馈:验证时应立即通知用户输入是否有效。 - 清晰的错误信息:明确指出错误位置和...
本项目是一个关于“一个简单的带有javascript验证的注册页面”,主要关注的是前端验证技术,利用JavaScript语言来确保用户输入的数据符合特定的要求,提高用户体验并减轻服务器端的压力。 JavaScript是一种在客户端...
本文将详细介绍一个基于纯JavaScript实现的弹出框验证表单——Check.js,以及如何利用它进行有效的用户输入验证。 Check.js是一个轻量级的JavaScript库,专注于提供美观且功能丰富的表单验证解决方案。由于它不依赖...
本资源提供的"完美表单验证js"就是一个全面的JavaScript解决方案,几乎涵盖了所有常见的表单验证需求,如电话、QQ、Email等。 JavaScript是一种客户端脚本语言,它可以直接在用户的浏览器上运行,无需服务器参与,...