表单提交之前验证
来源:互联网 发布:淘宝牙签弩改名为 编辑:程序博客网 时间:2024/05/21 10:58
- <%@ 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>
1 0