几点小结:
(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
相关推荐
js验证表单大全js验证radio是否选择 <script language="javascript">function checkform(obj){for(i=0;i;i++) if(obj.oo[i].checked==true) return true; alert("请选择")return false; }</script><form id="form1...
非常简单的验证集合,可以直接使用,很好的一个例子。
这个是一个很好的网页表单验证实例,可以好好学习学习
原创,自己写的一套表单验证js文件。 /*使用说明 * 示例 邮箱"> * 字段注释 comments="邮箱" * 非空 notnull="true" * 最大长度 maxlength="30" * 负小数 datatype="ldouble" * 非负小数 datatype="rdouble" * 负...
Jsp链接Mysql+Jsp注册表单(学习笔记)
javascript表单验证代码 html网页代码
jsp验证表单,解决所有验证问题jsp验证表单,解决所有验证问题jsp验证表单,解决所有验证问题
本资源通过ajax实现对提交的form表单的验证,该代码不但有针对property验证,也有针对object验证,还有一个异步获取对象的实例;包含完整的代码和库文件;在myeclipse8.5和apache-tomcat-6.0.30测试通过;访问网址:...
表单的验证(在JSP页面中的验证),很经典,希望大家喜欢
jsp登录、验证页面技术 后台数据库验证技术 javabean验证技术 JSP彩色验证码 js验证表单大全
jquer,jsp表单验证相关代码,formValidator
jsp超强表单验证,基本包含所有form校验
一款好用的表单验证框架,无需自己验证 jsp html
SpringMVC之简单使用,利用jsp技术实现简单的表单验证和网页登录
别人写的 感觉不错 拿出来晒晒 不想麻烦写表单验证的同学可以拿回去直接用
设置ecology-7流程表单的验证jsp页面,在jsp页面中实现流程表单数据的JS验证,如:点击事件,赋值操作,提交前AJAX验证等等
是模拟一个用户信息注册的小实验,其中含有简单的表单验证功能,适合初学者
常用的表单提交判断函数,例如,字符串验证
js表单验证代码在jsp与.net中的应用全集 js表单验证代码在jsp与.net中的应用全集 绝对是经典的代码
表单验证+对话框+日期格式化+日期选择框+select美化js框架