关于提交时js验证的一个有关问题-JavaSript-爱易网页

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

日期：2014-05-16　浏览次数：20474 次

关于提交时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>中做验证。