【JSP】表单提交与表单验证
2013-01-25 17:21
543 查看
几点小结:
(1)使用form表单提交数据,提交后的数据将会在另一个jsp页面进行处理。也可以实现不跳转,同时使用ajax进行局部更新,这里暂不进行说明。
(2)提交表单前需要进行数据验证时,响应在form中onsubmit事件,数据合法则返回true,然后实现页面跳转;数据不合要求则返回false,页面便不会跳转。
(3)要考虑中文参数的传递。由于浏览器,web服务器,数据库等的默认编码不一致,很容易出现中文乱码(参考:解决jsp中文乱码,修改mysql编码)。
以下是一个简单的表单提交与表单验证的例子。
(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>
相关文章推荐
- MVC设计模式(jsp提交表单到servlet进行验证)
- bootstrap Validator 模态框、jsp、表单验证 Ajax提交
- jsp验证表单后再提交
- jsp验证表单后再提交
- 软件工程课程设计问题总结——医院门诊系统(二):jsp中验证码的实现&设置验证失败不提交表单
- bootstrap Validator 模态框、jsp、表单验证 Ajax提交功能
- JSP中在提交表单之前,发送ajax请求进行js的验证
- 原生JS 表单提交验证器
- jQuery Validator验证Ajax提交表单的方法和Ajax传参的方法
- 表单提交验证用到的ajax
- [Jsp]防止页面表单重复提交的解决方法
- form表单提交数据 同时提交图片 jsp+contrller
- JS表单提交验证、input(type=number) 去三角 刷新验证码
- Java ajax servlet 无法接收到 jsp 以post提交的 form 表单信息 可能的解决方案(都是工具惹得祸!)
- struts_05 各种验证器,ognl表达式,struts2常用标签,防止表单重复提交,jfreeChart插件的运用
- PHP表单增加token验证,防止站外提交/重复提交/双击提交
- JavaScript基础 submit按钮配合form的onsubmit实现表单的提交与验证
- JSP表单提交中文乱码解决方法(使用过滤器)(GET方法无效)
- jquery.validate验证表单配合回调提交和h5.storage本地保存笔记
- jsp from表单 get 、post 提交方式