`

关于提交时js验证的一个问题

 
阅读更多

<%@ 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>中做验证。

 

分享到:
评论

相关推荐

    表单验证js 提交前验证

    本压缩包包含了一个名为"validateForm.js"的JavaScript文件以及一份"表单验证说明.txt"的文本文件,它们专门用于实现前端的表单验证功能。 `validateForm.js` 是一个JavaScript函数库,它提供了对HTML表单字段的...

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

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

    JS表单验证与JS常见问题解决方案

    "JavaScript常见问题整理.txt"、"表单验证大全.txt"、"JavaScript表单验证控制代码大全.txt"、"JavaScript验证表单函数大全.txt"这些文件将提供更具体的信息和示例代码,帮助深入理解和掌握这一主题。

    js提交表单及js表单验证

    最后这个例子用于验证一个数值型输入框的值是否在1到100之间,以及一个文本输入框的长度是否至少为10个字符。如果不符合条件,则弹出相应的提示框并聚焦到对应输入框上,阻止表单提交。 ### 总结 以上就是关于使用...

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

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

    一个完美的js表单验证案例

    "一个完美的js表单验证案例"利用JavaScript(特别是jQuery库)实现了这一功能,提供了高效、用户友好的验证机制。 JavaScript作为客户端脚本语言,可以直接在用户的浏览器上运行,这使得表单验证可以实时进行,减少...

    一个js验证表单

    【标题】"一个js验证表单"涉及到的是前端开发中的一个重要环节——表单验证。在网页设计中,用户输入的数据需要经过验证以确保其有效性和安全性。JavaScript是一种常用的客户端脚本语言,它允许我们在用户的浏览器上...

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

    根据提供的文件信息,我们可以总结出一系列关于JavaScript在处理表单提交及验证方面的知识点。下面将对这些知识点进行详细的解析。 ### 1. 验证文本框输入长度不超过50个字符 ```javascript function test() { if...

    javascript表单验证方式一

    1. **基本的JavaScript验证** 在HTML表单中,我们可以为输入元素添加`onsubmit`事件监听器,当用户尝试提交表单时触发JavaScript函数进行验证。例如: ```html ()"&gt; &lt;!-- 表单元素 --&gt; ``` 在JavaScript部分...

    js表单验证、js导出excel、js验证

    1. CSV导出:通过创建一个包含所有数据的大型字符串,使用换行符和逗号分隔每一行和每一列,然后设置`Content-Type`为`text/csv`并触发浏览器下载。 2. XLSX库:可以使用如` SheetJS`这样的库,它提供了处理和生成...

    JS 客户端验证JS 客户端验证JS 客户端验证JS 客户端验证JS 客户端验证

    JavaScript(JS)客户端验证是Web开发中的重要环节,它主要用于在用户提交数据前对输入进行检查,确保数据的完整性和正确性,减少服务器端的压力,提高用户体验。客户端验证通过JavaScript脚本实现,可以在用户填写...

    Javascript 表单验证对象控件 + ajax简单验证重复项与ajax提交数据

    以上就是关于JavaScript表单验证对象控件以及使用Ajax进行重复项验证和数据提交的基础知识。在实际应用中,你可能还需要考虑错误处理、异步操作的用户体验改进(如加载指示器)以及安全问题,如防止XSS和CSRF攻击。...

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

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

    js 验证表单 动态提示

    例如,可以设置一个延迟,只有在用户停止输入一段时间后才执行验证。 通过以上方法,我们可以构建出一套完整的JavaScript表单验证系统,提供实时、友好的动态提示,提升用户在填写表单过程中的体验。在实际项目中,...

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

    下面将详细介绍如何使用JavaScript进行表单验证,并通过一个具体的实例来阐述这一过程。 首先,我们需要创建一个HTML表单。表单通常由`&lt;form&gt;`标签定义,其中包含各种输入元素,如`&lt;input&gt;`、`&lt;textarea&gt;`、`...

    js验证错误信息.rar

    总结,"js验证错误信息.rar" 提供的资源是关于前端表单验证的一个实践示例,对于初学者来说,这是一个很好的学习和参考资源。通过理解和运用其中的验证逻辑,可以提升开发者对JS表单验证的理解和应用能力。

    js验证代码大全

    JS验证代码大全是汇集了多种JavaScript验证技术的资源集合,可以帮助开发者在创建网页表单、验证用户输入等方面提供有效的解决方案。 一、表单验证基础 在网页开发中,表单验证是非常重要的一环,它能够确保用户...

    js 验证 自定义 类

    总结,这个"js 验证 自定义 类"框架旨在提供一种高效、灵活和可扩展的JavaScript验证解决方案。通过其内置的基本验证功能和自定义规则的能力,开发者可以轻松应对各种数据验证需求,同时保持良好的用户体验。结合...

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

    - `javascript提交表单__超超聊事.files`: 可能是一份关于JavaScript表单提交技术的详细讲解资料。 7. **最佳实践** - 提供即时反馈:验证时应立即通知用户输入是否有效。 - 清晰的错误信息:明确指出错误位置和...

Global site tag (gtag.js) - Google Analytics