`
brown802
  • 浏览: 5229 次
  • 性别: Icon_minigender_1
  • 来自: 哈尔滨
社区版块
存档分类
最新评论

注册页面+验证

阅读更多
<%@ page language="java" import="java.util.*" pageEncoding="gbk"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>注册用户界面</title>
<style>
.s1 {
color: red;

}
body{

}
</style>
<link type="text/css" rel="stylesheet" href="./js/calendar.css">
<script type="text/javascript" src="./js/calendar.js"></script>
<script type="text/javascript" src="./js/calendar-zh.js"></script>
<script type="text/javascript" src="./js/calendar-setup.js"></script>
<script type="text/javascript" src="./js/check.js" > </script>
<script type="text/javascript" src="./js/check_idNo.js" > </script>

</head>

<body >
<form name="f1" action="./regist.do" method="post" onsubmit="return check_form();">
<div style="border: 1px solid #398643;background-color:#f4f4f4">
<div style="padding-left:530px;padding-top:40px;color:red;font-size:35">
<img src="./js/images/register.jpg">&nbsp;&nbsp;<img src="./js/images/regiter_word.jpg">
</div>
<table style="margin:0 auto;" >
<tr>
<td>
姓名
</td>
<td>
<input id="name" name="name" onblur="check_name();" onfocus="clear_nameMsg();">
<span id="name_msg" class="s1">*</span>
</td>
</tr>
<tr>
<td>
性别
</td>
<td>
<input type="radio" id="sex" name="sex" value="男" />

<input type="radio" id="sex" name="sex" value="女" checked=checked"/>

</td>
</tr>
<tr>
<td>
出生日期
</td>
<td>
<input type="text" id="birthday" name="birthday"  onfocus="clear_birthdayMsg()" onblur="check_birthday();" onclick="return showCalendar('birthday', 'y-mm-dd');"/>

    <input type="button" style="background:url(./js/images/calendar1.jpg) " onclick="return showCalendar('birthday', 'y-mm-dd');">
     <span id="birthday_msg" class="s1">*</span>
</td>
</tr>
<tr>
<td>
证件类型
</td>
<td>
<select name="idType" id="idType">
<option value="身份证" >
身份证
</option>
<option value="军官证" >
军官证
</option>
<option value="护 照" >
护 照
</option>
<option value="其 他" >
其 他
</option>
</select>
</td>
</tr>
<tr>
<td>
证件号码
</td>
<td>
<input id="idNo" name="idNo" onblur="check_idNo();" onfocus="clear_idNoMsg();">
<span id="idNo_msg" class="s1">*</span>
</td>
</tr>
<tr>
<td>
联系地址
</td>
<td>
<input id="address" name="address" onblur="check_address();" onfocus="clear_addressMsg();">
<span id="address_msg" class="s1">*</span>
</td>
</tr>
<tr>
<td>
邮编
</td>
<td>
<input id="zipcode" name="zipcode" onblur="check_zipcode();" onfocus="clear_zipcodeMsg();">
<span id="zipcode_msg" class="s1">*</span>
</td>
</tr>
<tr>
<td>
电话号码
</td>
<td>
<input id="phone" name="phone" onblur="check_phone();" onfocus="clear_phoneMsg();">
<span id="phone_msg" class="s1">*</span>
</td>
</tr>
<tr>
<td>
电子邮件
</td>


<td>
<input id="email" name="email" onblur="check_email();" onfocus="clear_emailMsg();">
<span id="email_msg" class="s1">*</span>
</td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="submit" value="确定" >
</td>
</tr>

</table>
</div>
    </form>
</body>
</html>
分享到:
评论

相关推荐

    jquery实现网站注册页面验证信息

    本教程将深入探讨如何使用jQuery这一强大的JavaScript库来实现一个功能完备的网站注册页面验证信息。jQuery使得DOM操作、事件处理以及动画效果变得更加简单,从而在验证用户输入时提供流畅的用户体验。 一、jQuery...

    基于vue+springboot+mybatis+邮箱注册验证+docker实现员工工资系统

    在这个系统中,当员工或管理员注册时,系统会发送一封包含验证链接的邮件到用户的邮箱中,用户点击链接完成验证,确保了账号的真实性,防止恶意注册。 5. Docker:Docker是一种流行的容器化技术,可以将应用程序...

    asp.net学籍注册+验证+头像+输出

    在这个“asp.net学籍注册+验证+头像+输出”的项目中,我们主要关注几个关键知识点:用户照片上传、图片缩略图显示、表单验证、账号验证以及注册信息的输出。 1. **照片上传**:在ASP.NET中,可以使用`...

    各种常用注册页面表单验证

    在IT行业中,网页开发是不可或缺的一部分,而注册页面的表单验证则是网页开发中的关键环节。注册页面的设计和实现直接影响到用户体验以及数据安全。本文将深入探讨“各种常用注册页面表单验证”的相关知识点,主要...

    servlet+jsp+验证注册功能

    在注册功能中,JSP通常用来创建用户注册页面,展示注册表单,并处理用户提交的表单数据。JSP页面可以包含HTML、CSS和JavaScript,用于布局设计和前端验证,例如,检查输入是否为空,邮箱格式是否正确等。 在实现...

    移动端手机号注册登录+验证码页面+填写资料

    在移动端应用开发中,"移动端手机号注册登录+验证码页面+填写资料"是常见的用户认证流程,涉及到了前端技术栈中的JavaScript、jQuery、CSS以及HTML5和CSS3等关键元素。以下将详细介绍这些知识点: 1. **手机号登录*...

    jquery表单验证代码百度注册页面表单验证

    本示例聚焦于使用jQuery库进行表单验证,特别是在百度注册页面的应用。jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画效果以及Ajax交互等任务,使得开发者能够更高效地编写JavaScript代码。 ...

    jQuery仿京东会员注册页面表单验证代码

    【jQuery仿京东会员注册页面表单验证代码】是一款基于JavaScript库jQuery实现的用户注册界面,其设计风格参照了京东的会员注册页面,旨在提供一种清爽、简洁的用户体验。这款代码包含了一个完整的注册流程,从用户...

    bootstrap做登录注册页面带验证

    用bootstrap做的登录,注册页面,使用validate进行表单验证,是本人从空白页面搭建的,亲测可用,1积分算是我的辛苦费吧。 我会通过博客注明知识点:http://blog.csdn.net/qq_19558705; 希望能帮到大家。没有积分的...

    注册页面的验证代码

    ### 注册页面验证代码概述 在Web开发中,用户输入的有效性和合法性验证是非常重要的一个环节。有效的验证可以确保用户输入的数据符合预期格式,从而提高用户体验、减少服务器负载以及提升数据安全性。在给定的代码...

    js练习4:使用HTML5验证博客园注册页面.zip

    在这个“js练习4:使用HTML5验证博客园注册页面”的学习资源中,我们将探讨如何利用JavaScript和HTML5的内置验证功能来创建一个有效的博客园注册页面。这个练习旨在帮助学习者掌握JavaScript的基本语法以及HTML5的新...

    Struts2.0做的注册+验证

    在注册+验证的项目中,我们需要在这个文件中配置Action的相关信息,包括Action的名称、执行方法、结果页面等。 7. **JSP页面**: JSP页面是视图层的一部分,用于展示用户界面和处理验证错误。在用户注册的场景中,...

    jQuery用户注册表单验证页面代码.zip

    本案例中,“jQuery用户注册表单验证页面代码.zip”是一个包含实现这一功能的资源包,主要用于创建一个用户注册页面,特别是针对手机用户的注册,并且涉及到了密码设置的验证环节。 首先,`index.html`是网页的主...

    CSS+JS注册页面+显示当前时间

    在网页设计中,"CSS+JS注册页面+显示当前时间"是一个常见的应用场景,它涉及到前端开发中的两个核心技术:层叠样式表(CSS)和JavaScript(JS)。这两个技术结合使用,可以创建出美观且功能丰富的用户注册页面,并...

    注册页面验证js

    本文将深入探讨“注册页面验证js”的相关知识点。 一、前端验证的重要性 前端验证可以即时反馈用户输入的有效性,防止无效数据提交到服务器,减少服务器负载,提升网站性能。同时,它可以提供友好的交互体验,让...

    一个简单的带有javascript验证的注册页面

    本项目是一个关于“一个简单的带有javascript验证的注册页面”,主要关注的是前端验证技术,利用JavaScript语言来确保用户输入的数据符合特定的要求,提高用户体验并减轻服务器端的压力。 JavaScript是一种在客户端...

    Asp.Net验证控件应用--用户注册页面

    3、本程序,采用了非空验证(RequireValidator)、范围验证(RangeValidator)、手机号码以及电子邮件的验证(RegularValidator)、比较验证(CompareValidator)以及自定义验证(CustomValidator),这几种验证控件对于我们...

    jsp实现注册页面验证码验证代码

    JSP 实现注册页面验证码验证代码 WithTitle: JSP 实现注册页面验证码验证代码 Description: 该文章讲述了如何使用 JSP 实现注册页面验证码验证代码,代码使用请有基础 JSP 基础,知道将代码添加到哪里,文章中已做...

Global site tag (gtag.js) - Google Analytics