java web开发之上机指导（2）

最新推荐文章于 2022-05-13 22:38:26 发布
最新推荐文章于 2022-05-13 22:38:26 发布
阅读量1.1k 收藏 5
点赞数 2
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_25491201/article/details/81368453
版权

创建一个用户注册的页面，让用户输入姓名、密码、电话和邮箱，使用javascript脚本完成密码校验、电话号码校验、邮箱校验和空格内容校验。

开发步骤如下。

（1）创建一个项目名为CheckInfomation，在WebContent文件夹下创建一个index.jsp文件，代码如下：

<%@page language="java.util.*"pageEncoding="UTF-8"%>
<html>
    <head>
        <title>检测单元表是否为空</title>
            <script language="javascript">
            function checkNull(form){
                /*判断是否为空*/
                for(i=0;i<form.length){
                    if(form.elements[i].value==""){
                        alert("很抱歉，"+form.elements[i].title+"不能为空！")；
                        form.elements[i].focus();
                        return false;
                    }
                }
                /*判断两次密码是否一致*/
                var pwd1=document.getElementById("pwd1_id").value;
                var pwd2=document.getElementById("pwd2_id").value;
                if(pwd1!=pwd2){
                    alert("两次密码不一致，请重新输入！")；
                    return false；
                }
                /*判断电话号码是否有效*/
                var phone=document.getElementById("phone_id").value;
                var regExpression=/^(86)?((13\d{9})|(15[0,1,2,3,5,6,7,8,9]\d{8})|(18[0,5,6,7,8,9]\d{8}))$/;
                var objExp = new RegExp(regExpression);//创建正则表达式对象
                if(objExp.test(phone)==false){
                    alert("您输入的手机号码有误！");
                    return false;
                }
            }
            </script>
        </head>
        
        <body>
        <form name="form1" method="post" action="" οnsubmit="return checkNull(form1)">
        <table width="296" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#333333">
            <tr>
                <td colspan="2" bgcolor="#eeeee">·用户注册</td>
            </tr>
            <tr>
                <td width="200" align ="center" bgcolor="#FFFFFF">用户名：</td>
                <td width="384" bgcolor="#FFFFFF"><input name="user" type="text" id = "user_id" title="用户名">
                *</td>
            </tr>
            <tr>
                <td align="center" bgcolor="#FFFFFF">密&nbsp；&nbsp；码：</td>
                <td bgcolor="#FFFFFF"><input name="pwd" type="password" id = "pwd1_id" title="密码">
                *</td>
            </tr>
            <tr>
                <td align="center" bgcolor="#FFFFFF">确认密码：</td>
                <td bgcolor="#FFFFFF"><input name="pwd2" type="password" id = "pwd2_id" title="确认密码">
                *</td>
            </tr>
            <tr>
                <td align="center" bgcolor="#FFFFFF">电话：</td>
                <td bgcolor="#FFFFFF"><input name="phone" type="text" id = "phone_id" title="电话">
                *</td>
            </tr>
            <tr>
                <td align="center" bgcolor="#FFFFFF">邮箱：</td>
                <td bgcolor="#FFFFFF"><input name="email" type="text" id = "email_id" title="邮箱">
                *</td>
            </tr>
            <tr>
                <td bgcolor="#FFFFFF">&nbsp；</td>
                <td bgcolor="#FFFFFF"><input name="Submit" type="submit" class="btn_grey" value="提交">
                &nbsp；
                <input name = "Submit2" type="rest" calss="btn_grey" value="重置">
                </td>
            </tr>
        </table>
        </form>
        </body>
        </html>

（2）将项目部署到服务器中，启动服务器，访问地址http://localhost:8080/CheckInformation/,查看页面效果如下图：

 

全栈大王
关注
第六章 JSP的上机练习
硬桃的博客
11-11 645
jsp技术编写第一个jsp文件JSP基本语法 编写第一个jsp文件 在WebRoot下新建一个HelloWord.jsp <body> Welcome to yj's JSP <br> </body> 然后找到workplace文件夹有 在C:\Users\Administrator\Workspaces\MyEclipse Professional 2014.metadata.me_tcat\work\Catalina\localhost\Chap
前端上机面试题
02-18
要求： 1、编写一段js代码，实现列表数据渲染，点击对应的筛选条件（全部、按进度排序、按总需人次排序、即将揭晓）加载及渲染相应的数据，所有筛选条件的url请求地址都为http://192.168.2.10:90/app/mock/21/list，（返回的数据不需要排序，假设后台返回数据时已经根据实际要求排好序）。
JAVA程序设计题解与上机指导
qq_36370521的博客
06-20 422
有人有这本书的吗？有的话与我联系，谢谢
[全套源码]JSP程序设计（第2版）上机实验与综合实训 耿祥义、张跃平
04-04
[全套源码] 随书光盘 《JSP程序设计（第2版）上机实验与综合实训》是2014年9月清华大学出版社出版的图书，作者是耿祥义、张跃平。 本书是与《JSP程序设计（第2版）》（清华大学出版社）配套的上机实验与综合实训辅导教材。本书第一部分包括8次上机实践内容，通过一系列实验练习使学生巩固所学的知识。每个实验主要由相关知识点、实验目的、实验要求、效果示例和参考代码组成。在进行实验之前，首先通过实验目的了解实验要完成的关键主题，通过实验要求知道本实验应达到怎样的标准。本书第二部分包括两个完整的Web程序设计项目，属于综合实训，其目的是掌握一般Web应用中常用基本模块的开发方法。
JSP上机实验代码作业
12-30
JSP上机实验 JSP上机实验 JSP上机实验 JSP上机实验
基于Java的Web开发技术浅析.pdf
07-02
基于Java的Web开发技术，主要是指使用Java语言及相关的技术框架开发基于Web的应用程序。Java语言因其跨平台、面向对象、易用性等特性，在Web开发领域获得了广泛的应用。下面将从几个方面详细阐述基于Java的Web开发...
基于Java的Web开发技术概述.pdf
10-12
随着互联网的快速发展，基于Java的Web开发技术已经成为当今开发领域的主流技术之一。Java作为一门跨平台、面向对象的编程语言，其在Web开发方面的应用十分广泛。本文主要探讨了Java在Web开发中的核心应用，前端开发...
Java WEB开发中的中文乱码问题解决方法.pdf
07-02
在Java Web开发中，中文乱码问题一直是开发人员面临的常见问题之一。中文乱码通常是由于在字符编码转换过程中，字符集不一致或设置不当所导致。为了解决这一问题，首先需要了解Java Web工程字符编码的基本理论，包括...
Spring新特性之Java Config在Web开发中的应用.pdf
07-02
本文将深入探讨Java Config在Web开发中的应用，并通过与传统的XML配置方式的对比，展现Java Config在实际项目中的优势。 首先，我们需要了解Java Config在Spring框架中所扮演的角色。Spring框架是一个广泛应用于...
Java Web开发课程中一体化教学的应用研究.pdf
07-02
在当前的职业教育中，针对Java Web开发...综上所述，一体化教学模式在Java Web开发课程中的应用，强调了教材内容、教学方法和学习环境的整体优化，旨在培养学生的综合素质和实践能力，以满足社会对应用型人才的需求。
JSP实验指导 JSP页面标记
05-19
实验一 J2EE开发环境的搭建及JSP页面的基本结构 实验二 JSP页面标记
javaScript 简单验证代码（用户名，密码，邮箱)
10-29
下面的代码包括了用户名，密码，邮箱的基本验证代码，需要的朋友可以参考下。
JavaScript基础和实例
辰风的博客
02-12 784
一、什么是JavaScript JavaScript是一种基于对象和驱动并具有安全性的解释性脚本语言。它不需要编译，而是直接嵌套在HTTP页面中的，把静态页面转变成支持用户交互并响应应用事件的动态页面。 二、在Web页面中使用JavaScript 1.在页面中直接 ...
用户注册页面的设计与实现（html+css）
热门推荐
ZYCRY的博客
11-03 2万+
用户注册页面的设计与实现（html+css） 文章目录用户注册页面的设计与实现（html+css）1.目的2.内容3.步骤4.代码实现5.页面展示6.最后 1.目的 熟悉HTML+CSS 及表单知识的应用 2.内容 使用 HTML5 表单技术实现用户注册页面，要求用户可以输入用户名、密码、真实姓名和电子邮箱等信息进行注册。 具体功能如下： 界面设计 表单设计 使用 input 标签的 email 类型实现电子邮箱验证 使用 input 标签的 autocomplete 属性实现内容自动记
如何设计出用户体验良好的登录/注册页面
Think
08-17 1万+
对于开发者来说登录/注册页面是再熟悉不过的了，然而要想提供更好的登录/注册体验的话就需要一些技巧了。应用了下面这些小技巧的话，你的登录注册页面在实现基本功能的同时还能提供非常流畅的体验。   1、不要将”Sign In ”和”Sign Up”放在一起 看看下面这张图片，你需要花多长时间来区分”sign up”和”sign in”呢？ 相信读者已经发现问题所在了。”Sign In
【web结课大作业】创建一个注册页面并引用正则表达式，点击注册按钮后可以弹窗显示刚刚注册输入的信息(表单传值)
qq_51843109的博客
01-04 1969
这个代码有借鉴其它博主的部分，借鉴了别的博主的css样式和框架（嘻嘻算是站在巨人的肩膀上），内容自己改了七七八八。参考博文如下（这个原博文只能实现正则判断，没有表单传值功能）： HTML——登录、注册页面的跳转_weixin_58811914的博客-CSDN博客_html注册成功跳转登录页面https://blog.csdn.net/weixin_58811914/article/details/117793576我做的修改主要是为了符合我们web老师的要求，例如，不少于6个元素（我添加了手机号码及手机号
采用空布局，编写用户注册界面，包含用户名、密码、确认密码、电子邮箱、以及注册和清空2个按钮。
weixin_45634936的博客
04-26 4301
采用空布局，编写用户注册界面，包含用户名、密码、确认密码、电子邮箱、以及注册和清空2个按钮。 package dame; import java.awt.Color; import javax.swing.JButton; import javax.swing.JFrame; import javax.swing.JLabel; import javax.swing.JPanel; impor...
小程序实战（2） | 用户注册界面搭建
ic2121的博客
05-13 1015
之前讲了一些关于小程序、服务器、外部UI调用、云函数使用、数据库搭建，环境配置等**，在这里进行小程序的项目实战，来搭建一下用户注册界面，​这样可以加深巩固一下学习过的内容。这里是老刘，继续分享学习经验，供大家一同探讨交流​。 一、需求草图 我们先在word中进行编辑，当然也可以用其它的工具进行页面设计，这里方便起见，老刘在word中画了一个草图，包含以下信息​：用户名、密码、确认密码、身份*号、手机号、疫苗接种次数、以及确认注册和取消注册的按钮​。 二、需求分析 ...
21天入门Java Web开发：搭建与实战指南
本书以实践为导向，分为21个章节，详细指导读者如何在Windows环境下建立完整的Java Web开发环境。 第1章着重于基础设置，涵盖了以下关键知识点： 1.1 安装JDK：JDK不仅是Java运行环境（JRE）的升级版，提供了编译和...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值