使用JavaScript进行表单提交前的验证
2013-09-03 17:59
501 查看
<%@ page language="java" import="java.text.*,java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'index.jsp' starting page</title>
<SCRIPT type="text/javascript">
<!--
function checkForm(form){
for (var i=0; i<form1.elements.length; i++) {
if (form1.elements[i].value == ""){
alert("请填写完整！");
return false;
}
}
return true;
}
//-->
</SCRIPT>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
</head>
<body>
<FORM name="form1" method="POST" onsubmit="return checkForm(this)">
使用MyEclipse开发的第一个JSP页面！<BR>
现在时间是 <%out.println(DateFormat.getInstance().format(new Date()));%>
<INPUT type="text" name="text1" size="4"/>
<INPUT type="text" name="text2" size="4"/>
<INPUT type="text" name="text3" size="4"/>
<INPUT type="Submit" name="btn_r" value="刷新">
</FORM></body>
</html>
如果onsubmit为return true，则提交表单，否则不提交。
在提交表单前，可以对表单或者其他脚本（如action属性）中的数据进行一些预先验证，可以在表单的onsubmit事件处理程序调用的验证函数中完成这一工作。所调用的验证函数中可以进行业务相关/无关的判断。
如果验证函数发现了一些不正确的数据或者空白域，那么就可以根据验证函数的结果取消提交。为了控制这个提交，onsubmit事件处理程序必须求值得到return true（允许继续提交）或者return false（取消提交）。它不仅需要调用的验证函数返回true或false，而且return关键字必须是最终值的一部分（比如上例子中的onsubmit="return checkForm(this)"。
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'index.jsp' starting page</title>
<SCRIPT type="text/javascript">
<!--
function checkForm(form){
for (var i=0; i<form1.elements.length; i++) {
if (form1.elements[i].value == ""){
alert("请填写完整！");
return false;
}
}
return true;
}
//-->
</SCRIPT>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
</head>
<body>
<FORM name="form1" method="POST" onsubmit="return checkForm(this)">
使用MyEclipse开发的第一个JSP页面！<BR>
现在时间是 <%out.println(DateFormat.getInstance().format(new Date()));%>
<INPUT type="text" name="text1" size="4"/>
<INPUT type="text" name="text2" size="4"/>
<INPUT type="text" name="text3" size="4"/>
<INPUT type="Submit" name="btn_r" value="刷新">
</FORM></body>
</html>
如果onsubmit为return true，则提交表单，否则不提交。
在提交表单前，可以对表单或者其他脚本（如action属性）中的数据进行一些预先验证，可以在表单的onsubmit事件处理程序调用的验证函数中完成这一工作。所调用的验证函数中可以进行业务相关/无关的判断。
如果验证函数发现了一些不正确的数据或者空白域，那么就可以根据验证函数的结果取消提交。为了控制这个提交，onsubmit事件处理程序必须求值得到return true（允许继续提交）或者return false（取消提交）。它不仅需要调用的验证函数返回true或false，而且return关键字必须是最终值的一部分（比如上例子中的onsubmit="return checkForm(this)"。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 使用javascript的onsubmit进行表单合法性验证
- 使用JavaScript进行表单必填项目验证和改进
- struts中使用token进行表单重复提交的验证
- 使用js进行表单验证提交
- 在使用django 的过程中难免的会使用到format表单进行提交，如果出现“CSRF验证失败. 相应中断”.该如何解决呢？
- 使用图片作为提交按钮调用Javascript验证表单
- JavaScript 使用正则表达式进行表单验证的示例代码
- 如何在Asp.Net页面中使用javascript进行表单验证？
- 表单提交前使用属性onsubmit进行拦截验证
- [置顶] 【JS】JavaScript进行表单验证经常使用的判断条件
- 使用JavaScript实现表单的前端简单验证后提交
- 使用JSP代码和使用JavaScript代码进行表单数据验证有什么不同？
- 一个用javascript编写的表单提交的例子(包括用正则表达式对数据进行验证)
- 如何使用AngularJS对表单提交内容进行验证
- JavaScript使用技巧——表单提交验证类
- 在 SpringMVC 中对表单提交参数进行验证（使用 Bean Validator）
- liferay中使用jQuery Validation Engine进行ajax验证,不通过也提交表单的解决方案
- JavaScript 使用正则表达式进行表单验证的示例代码
- 使用AngularJS对表单提交内容进行验证的操作方法