JSP表单提交和表单校验

JSP表单提交和表单校验

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

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

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>

<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>

你可能感兴趣的:(jsp)