JSP表单提交和表单校验

来源：互联网发布：linux中的uniq 编辑：程序博客网时间：2024/05/29 11:36

JSP表单提交和表单校验

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

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

<%@ page language="java" contentType="text/html; charset=UTF-8"    pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>    <head>        <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>

0 0