`

【JSP】表单提交与表单验证

    博客分类:
  • jsp
阅读更多

几点小结:

(1)使用form表单提交数据,提交后的数据将会在另一个jsp页面进行处理。也可以实现不跳转,同时使用ajax进行局部更新,这里暂不进行说明。

(2)提交表单前需要进行数据验证时,响应在form中onsubmit事件,数据合法则返回true,然后实现页面跳转;数据不合要求则返回false,页面便不会跳转。

(3)要考虑中文参数的传递。由于浏览器,web服务器,数据库等的默认编码不一致,很容易出现中文乱码(参考:解决jsp中文乱码修改mysql编码)。

 

以下是一个简单的表单提交与表单验证的例子。

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ page import="java.util.*" %>
<%@ page import="java.sql.*" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>表单提交</title>
	</head>
	<body>
		<p align="center"><b>表单提交</b><br></p>
		<center>
			<div align="left">
				<table height="60" border="0" align="left">
					<tr>
						<td>
							<form name="channelform" action="addChannel.jsp"
							 onsubmit="return validate_channel_info(this);" method="post">
								名字: 
								<input type="text" name="channelname" />
								<br />
								ID: 
								<input type="text" name="channelid" />
								<br />
								<input type="submit" value="提交">									
							</form>
						</td>
					</tr>
				</table>				
				
				
				<script type="text/javascript">
					function validate_channel_info(channelform)
					{
						if(channelform.channelname.value=="")
						{
							alert("请输入正确的名字");
							return false;
						}
						else if(!isNumber(channelform.channelid.value))
						{
							alert("请输入合法ID");
							return false;
						}
						return true;
					} 
					
					function isNumber(str)          // 判断是否为非负整数
					{
						var rx = /^[0-9]+$/;
						return rx.test(str);
					}
					
				</script>
			</div>
		</center>
	</body>
	
</html>

 这里要注意一下:onsubmit="return 函数名();",其中return不能少,否则即使js里边返回false,页面还是会跳转的!

 

转载:http://blog.csdn.net/moxiaomomo/article/details/8542903

分享到:
评论

相关推荐

    jsp表单验证实例

    本实例主要关注"jsp表单验证",通过一个实际的demo来展示如何在JSP(JavaServer Pages)中实现这一功能。 表单验证通常分为前端验证和后端验证。前端验证发生在用户提交数据之前,在客户端浏览器中进行,主要是为了...

    很全面的jsp表单验证

    这些标签进一步确认了内容的特性,强调其与JSP环境下的表单验证紧密相关,同时突出了“简单”和“实用”的特点,表明示例代码或指南易于理解和实现,且具有实际应用价值。 #### 部分内容分析: 这部分内容展示了...

    jsp表单验证

    ### jsp表单验证 #### 知识点概述 在Web开发中,表单验证是一项重要的功能,它确保用户输入的数据符合预期格式和规则。本文将深入探讨如何使用JavaScript进行前端表单验证,并通过一个具体的示例来展示验证过程。 ...

    实验二 JSP表单开发及访问数据库

    实验二“JSP表单开发及访问数据库”旨在让学生掌握JSP动态网页技术与数据库交互的基本操作。实验主要涵盖两个核心知识点:JSP表单的创建与处理,以及使用JDBC连接和操作数据库。 首先,JSP表单是网页中用于收集用户...

    很漂亮的jsp表单验证

    首先,"jsp 表单验证"是指在用户提交表单前,在客户端使用JavaScript或jQuery进行数据检查的过程。这样可以在用户输入时实时提供反馈,避免无效或错误的数据被发送到服务器。在这个案例中,别人编写了一个表单验证的...

    Jsp链接Mysql+Jsp注册表单(学习笔记).

    7. **验证与反馈** 注册成功后,可以通过重定向或者显示消息的方式告知用户。例如,使用JSP的`response.sendRedirect()`方法跳转到成功页面,或在当前页面显示消息。 8. **安全性考虑** 在实际应用中,应考虑更...

    表单的验证(在JSP页面中的验证)

    ### 表单验证在JSP页面中的应用与实践 在Web开发中,表单验证是确保数据质量和用户体验的重要环节。本文将深入探讨如何在JSP(JavaServer Pages)页面中实现表单验证,通过分析一个具体的JavaScript脚本示例,帮助...

    ajax验证并提交表单的两种方法博客源码

    本资源通过ajax实现对提交的form表单的验证,该代码不但有针对property验证,也有针对object验证,还有一个异步获取对象的实例;包含完整的代码和库文件;在myeclipse8.5和apache-tomcat-6.0.30测试通过;访问网址:...

    jsp表单验证js文件

    原创,自己写的一套表单验证js文件。 /*使用说明 * 示例 邮箱"&gt; * 字段注释 comments="邮箱" * 非空 notnull="true" * 最大长度 maxlength="30" * 负小数 datatype="ldouble" * 非负小数 datatype="rdouble" * 负...

    from表单提交验证框架

    "from表单提交验证框架"正是一款专为此目的设计的工具,它帮助开发者省去了手动编写验证逻辑的繁琐工作,使得在jsp和html页面上的表单验证变得更加便捷高效。 该框架利用了jQuery库的强大功能,jQuery是一个广泛...

    [Jsp]防止页面表单重复提交的解决方法

    在Web开发中,尤其是使用JavaServer Pages (JSP) 技术时,页面表单的重复提交是一个常见的问题。这可能会导致数据不一致或者服务端处理逻辑错误。本篇文章将探讨如何有效地防止JSP页面中的表单重复提交,确保系统的...

    jsp验证表单,解决所有验证问题

    表单验证是在用户提交数据前检查输入的有效性。这可以避免因非法数据导致的程序错误,例如空字段、格式错误、长度限制等。有效的表单验证还能减轻服务器负载,因为大部分验证工作可以在客户端完成,无需将无效请求...

    JSP客户端表单验证框架JSValidation

    **JSP客户端表单验证框架JSValidation** JSValidation是一款基于JavaScript的轻量级表单验证框架,主要用于在JSP(JavaServer Pages)应用中实现客户端的表单数据验证。它提供了一种简单、高效的手段来确保用户在...

    简单的jsp页面属性验证程序(表单输入+输入)

    【描述分析】:“是模拟一个用户信息注册的小实验,其中含有简单的表单验证功能,适合初学者”意味着这个项目是一个教学示例,目的是帮助初学者理解如何在Web开发中处理用户输入并进行验证。表单验证通常包括检查...

    jsp表单和图片一起上传

    综上所述,"jsp表单和图片一起上传"涉及的主要知识点包括:JSP表单设计,Servlet处理POST请求,多部分数据解析(Apache Commons FileUpload库),文件保存到服务器,以及表单字段的提取和处理。这些技术是构建一个...

    jquer,jsp表单验证相关代码

    在表单验证场景中,jQuery可以用于在用户提交表单之前检查输入的数据,从而提供即时反馈,提高用户体验。 `formValidator`是一个基于jQuery的表单验证插件,它提供了一套完整的验证规则和自定义方式,使得开发者...

    jsp表单的FORM传值

    jsp表单的FORM传值 jsp是一种服务器端脚本语言,通过与HTML、XML...jsp表单的FORM传值是jsp开发中一个非常重要的技术,通过使用javaBean和FORM表单,可以将数据从客户端传递到服务器端,并在服务器端进行处理和验证。

    jsp表单制作.rar_html_jsp_jsp 制作表单_jsp开发_jsp表单制作

    2. **JSP表单处理**: - `request.getParameter()`:当表单提交时,JSP通过这个方法获取用户在表单中输入的数据。 - `request.getParameterValues()`:用于获取多个相同name的输入元素的值,如复选框或数组类型的...

    SpringMVC+jsp之表单验证登录

    在这个"SpringMVC+jsp之表单验证登录"的主题中,我们将探讨如何利用SpringMVC和JSP来实现用户登录功能,包括表单验证和交互流程。 首先,我们需要理解SpringMVC的核心组件。DispatcherServlet是入口点,负责接收...

Global site tag (gtag.js) - Google Analytics