表单 - axu521 - 博客园

 1 <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
 2 <%@taglib prefix='c' uri="http://java.sun.com/jsp/jstl/core" %>
 3 <%
 4 String path = request.getContextPath();
 5 String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
 6 %>
 7 
 8 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 9 <html>
10   <head>
11     <base href="<%=basePath%>">
12     <title>添加花卉的信息</title>
13 
14     <script type="text/javascript" src="js/jquery-1.7.2.js"></script>　　　　　　　　　　引入外部的Jquery文件
15     <script type="text/javascript">
16     //页面加载完成后执行
17     //相当于:window.onload=function(){}   $(document).ready(function(){});
18     $(function(){
19         $("form").submit(function(){
20             //表单选择器,    :input标签type属性值                                            通过jquery控制表单不为空，并弹出提示框
21             if($(":text:eq(0)").val()==""||$(":text:eq(1)").val()==""||$(":text:eq(2)").val()==""){
22                 alert("请填写完整信息");
23                 //阻止默认行为
24                 return false;　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　只要使用这个方法，就会指定表单提交
25             }
26         });
27     });
28     </script>
29   </head>
30   
31   <body>
32  <form action = "insert" method="post">
33       <table border="1" align="center">
34           <tr>
35               <td colspan="2" style="text-align:center;font-size:30px;font-weight:bold;">
36                   花卉信息
37               </td>
38           </tr>
39           <tr>
40               <td><b>花卉名称</b></td>
41               <td><input type="text" name="name"/></td>
42           </tr>
43           </tr>
44           <tr>
45               <td><b>花卉价格</b></td>
46               <td><input type="text" name="price"/></td>
47           </tr>
48           <tr>
49               <td><b>原产地</b></td>
50               <td><input type="text" name="production"/></td>
51           </tr>
52           <tr>
53               <td colspan="2" align="center">
54                   <input type="submit" value="提交"/><input type="reset" value="重置"/>
55               </td>
56           </tr>
57                     
58       
59       </table>
60  </form>
61   </body>
62 </html>
posted on 2018-12-02 13:20 axu521 阅读(118) 评论(0) 编辑收藏举报
刷新页面返回顶部