java--web注册界面验证代码

最新推荐文章于 2024-06-16 23:02:16 发布
最新推荐文章于 2024-06-16 23:02:16 发布
阅读量1.8k 收藏
点赞数
分类专栏： JAVA

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

<script language="javascript">

function textA(){

var txt = document.info.username.value;

if(txt == "" || !isNaN(txt.charAt(0))){

document.getElementById("t1").innerHTML = "<font color='red'>首字母不能为数字或者用户名不能为空</font>";

return false;

} else{

  document.getElementById("t1").innerHTML = "<font color='green'>用户名合格</font>";

return true;

}

}

function passA(){

var pas = document.info.pass.value;

if(pas.length<6){

document.getElementById("t2").innerHTML = "<font color='red'>密码长度不能小于6位</font>";

return false;

}else if(!isNaN(pas)){

document.getElementById("t2").innerHTML ="<font color='red'>密码不能全是数字</font>";

return false;

}else{

document.getElementById("t2").innerHTML ="<font color='green'>密码合格</font>";

return true;

}

}

function passB(){

var pas =document.info.pass.value;

var pas1=document.info.pass1.value;

if(pas!=pas1){

document.getElementById("t3").innerHTML="<font color='red'>密码输入必须一致</font>";

return false;

}else{

document.getElementById("t3").innerHTML="<font color='green'>密码输入一致</font>";

return true;

}

}

function textQ(){

     var tex=document.info.txt1.value;

 if(tex==""){

 document.getElementById("youxiang").innerHTML="<font color='red'>请填写邮箱地址</font>"

 return false;

 }

 //else{

  

  //var pattern= /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/

  //yanZheng = pattern.test(tex);

  //if(yanZheng){

  //document.getElementById("youxiang").innerHTML="<font color='green'>邮箱格式正确</font>"

  //return true;

  //}else{

  //  document.getElementById("youxiang").innerHTML="<font color='red'>邮箱格式不正确</font>"

  // return false;

  //}

  //}

  else if(tex.charAt(0)=="@"){

         document.getElementById("youxiang").innerHTML="<font color='red'>邮箱第一个不能为@</font>"

 return false;

  }else if(tex.charAt(tex.length-1)=="."){

         document.getElementById("youxiang").innerHTML="<font color='red'>邮箱最后一个不能为.</font>"

 return false;

  }else if(tex.indexOf(".")-tex.indexOf("@")==1){

         document.getElementById("youxiang").innerHTML="<font color='red'>邮箱@和.不能直接相连</font>"

 return false;

  }else if(tex.indexOf("@")!=tex.lastIndexOf("@")){

         document.getElementById("youxiang").innerHTML="<font color='red'>邮箱只能有一个@</font>"

 return false;  

  }else if(tex.indexOf(".")!=tex.lastIndexOf(".")){

         document.getElementById("youxiang").innerHTML="<font color='red'>邮箱只能有一个.</font>"

 return false;   

 

  }else if(tex.indexOf("@")>tex.indexOf(".")){

         document.getElementById("youxiang").innerHTML="<font color='red'>邮箱@必须在.之前</font>"

 return false;

  }else {

         document.getElementById("youxiang").innerHTML="<font color='green'>邮箱格式正确</font>"

 return true;

  }

 

}

function testSex(){

       var sexs=document.info.sex;

   var html="";

   for(var i=0;i<sexs.length;i++){

      if(sexs[i].checked==true){

   if(sexs[i].value=="0"){

html="<font color='green'>男</font>";

}else if(sexs[i].value=="1"){

html="<font color='green'>女</font>";

}else{

html="<font color='green'>保密</font>";

}

  }

   }

   document.getElementById("t4").innerHTML=html;

   return true;

}

function falidatech(){

var v=document.info.ch;

var temp="";

var flag = false;

for(var i=0;i<v.length;i++){

if(v[i].checked==true){

flag = true;

temp+=v[i].value;

temp+=",";

}

}

temp = temp.substr(0, temp.length-1);

if(!flag){

document.getElementById("t5").innerHTML = "<font color='red'>请选择爱好</font>";

}else{

document.getElementById("t5").innerHTML = "<font color='green'>"+temp+"</font>";

}

return flag;

}

function testC(){

  var a=document.info.cf;

  if(a.selectedIndex==0){

   document.getElementById("cfinfo").innerHTML="<font color='red'>没有选择来自的地方</font>";

return false;

  }else{

   document.getElementById("cfinfo").innerHTML="<font color='green'>选择了"+a[a.selectedIndex].text+"</font>";

return true;

  }

}

function testD(){

var txt = document.info.text.value;

txt = txt.replace("法轮","**");

txt = txt.replace("大法","***");

document.info.text.value = txt;

return true;

}

function validateSub(){

if(!textA()){

return false;

}

if(!passA()){

return false;

}

if(!passB()){

return false;

}

if(!testSex()){

return false;

}

if(!falidatech()){

return false;

}

if(!testC()){

return false;

}

if(!testD()){

return false;

}

return true;

}

</script>

</head>

 

<body>

<form name="info" action="#" method="post" onSubmit="return validateSub();">

<div align="center" style="width:100%">

<table width="500px">

   <tr>

    <td colspan="2" align="center">用户注册</td>

<td width="200px" align="left"></td>

   </tr>

   <tr>

<td width="100px" align="right">用户名：</td>

<td align="left"><input type="text" name="username" onBlur="textA()"></td>

<td align="left"id="t1" ></td>

</tr>

<TR>

<td align="right">密码：</td>

<td align="left"> <input type="password" name="pass" onBlur="passA()" ></td>

<td align="left" id="t2"></td>

</TR>

<TR>

<td align="right">确认密码：</td>

<td align="left"> <input type="password" name="pass1" onBlur="passB()"></td>

<td align="left" id="t3"></td>

</TR>

<TR>

<td align="right">邮箱：</td>

<td align="left"> <input type="text" name="txt1" onBlur="textQ()"></td>

<td align="left" id="youxiang"></td>

</TR>

<TR>

<td align="right">性别：</td>

<td align="left">

 <input type="radio" name="sex" value="0" onClick="testSex()">男

 <input type="radio" name="sex" value="1" onClick="testSex()">女

 <input type="radio" name="sex" value="2" onClick="testSex()" checked>保密

</td>

<td align="left" id="t4"></td>

</tr>

<tr>

<td align="right">爱好：</td>

<td align="left">

<input type="checkbox" name="ch" value="吃"onClick="falidatech()">吃

<input type="checkbox" name="ch" value="喝"onClick="falidatech()">喝

<input type="checkbox" name="ch" value="睡"onClick="falidatech()">睡

<input type="checkbox" name="ch" value="玩"onClick="falidatech()">玩

</td>

<td align="left" id="t5"></td>

</tr>

<tr>

<td align="right">来自：</td>

<td align="left">

<select name="cf" onChange="testC()" onBlur="testC()">

<option value="0">=请选择=</option>

<option value="1">亚洲</option>

<option value="2">北美</option>

<option value="3">欧洲</option>

<option value="4">火星</option>

</select>

</td>

<td align="left" id="cfinfo"></td>

</tr>

</TR>

<tr>

<td align="right">自我介绍：</td>

<td align="left">

<textarea name="text" onBlur="testD()" cols="25" rows="10"></textarea>

</td>

<td align="left"></td>

</tr>

<tr>

<td colspan="2" align="center">

<input type="submit" value="注册">

<input type="reset" value="重置">

</td>

<td align="left"></td>

</tr>  

</table>

</div>

</form>

</body>

</html>

IT_小斯
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html验证用户名不能有数字,javascript如何验证值是否是数字？
weixin_42163404的博客
06-04 1291
javascript如何验证值是否是数字？下面本篇文章给大家介绍一下。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。js验证是否为数字，最简单的方法：使用isNaN函数；最完整最精确的方法：(正则表达式)。方法1：使用isNaN()函数isNaN()的缺点就在于 null、空格以及空串会被按照0来处理/***判断是否是数字***/function isRealNum(val){/...
校验登录：用户名不能以数字开头，长度=不低于6，不高于20
热门推荐
a_li_li的博客
04-06 1万+
校验              //用户名不能以数字开头，长度=不低于6，不高于20         //密码不能为空         onload = function(){             var use = document.getElementById('use');             var pw = document.getElementById('pw');
【web前端开发网页设计】一步步实现：HTML + CSS + JavaScript 完整注册/登录表单（超实用）轻松搞定注册/登录表单功能：完整源代码与详细教程（新手必看）轻松入门前端开发新手超友好
最新发布
南北极之间
06-16 792
总之，学习前端开发需要耐心和毅力，要保持对技术的热情和兴趣，不断学习和提升自己。通过实践项目、学习工具和框架、关注前端趋势等方式，你可以逐渐成为一名优秀的前端开发者。
JavaWeb前端开发注册表单验证
我不想读研的博客
08-05 1826
注册表单验证 最近在尝试学习开发一个网站，现将登录页面的表单验证总结如下 表单校验分析 1.用户名：单词字符，8到20位 2.密码：单词字符，8到20位 3.email：邮箱格式 4.姓名：汉字非空 5.手机号：手机号格式 6.出生日期：非空 7.验证码：4个字符非空 表单验证的JS代码 如果输入内容不符合要求，边框则会变为红色，输入正确则边框颜色恢复。 <script> /* 表单校验 1.用户名：单词字符，8到20位 2.密码：单词字符，8到20位 3.ema
JavaWeb实现登录注册与验证码。
keep on moving
07-24 1万+
写JavaWeb的准备工作： 首先准备好数据库和Myeclipse，这里以mysql为例，再下载好SQL的图形化操作界面SQLyog,在数据库中建张表 。 详细步骤： 在Myeclipse 中新建一个Web工程： 在src下建三个包ServletPackge,ModelPackage,TestPackag
JavaWeb开发——注册登录的表单验证
炸鸡和薯条的博客
12-02 2604
在JavaWeb项目的开发中，注册与登录的格式验证是最基础的一个功能，不知你是否厌倦了alert弹窗警告，或许我们可以尝试在表单旁边输出提示信息。 接下来，让我们通过 javascript来实现基本的格式验证。 <script language="javascript"> //flag1、flag2、flag3、flag4用来判断上一个表单信息是否填写正确 var flag1 = 0; function checkName(){ var name = document.fo.
rados-java-ceph的web实现
03-04
"rados-java-ceph"项目可能是为了简化对Ceph的操作，通过Java开发了一个Web应用，使得管理员可以通过Web界面进行Ceph的配置、监控和故障排查。这通常涉及到以下几个关键知识点： 1. **Java编程**：Java是一种广泛...
网上书店管理系统(java-web项目)
07-16
网上书店管理系统是一个基于Java-Web技术开发的项目，旨在实现线上图书销售、管理和服务功能。这个系统涵盖了用户注册登录、浏览图书、搜索书籍、购物车管理、订单处理、支付结算等多个核心模块，为读者提供了便捷的...
java-phonebook:示例电话簿 Web 应用程序
07-04
【java-phonebook】是一个基于Java开发的示例电话簿Web应用程序，它展示了如何构建一个功能齐全的联系人管理系统。此项目使用了多种技术栈，包括Java后端、ZK框架进行用户界面（UI）设计，以及MySQL作为数据库存储。...
java-web-project
02-17
综上所述，"java-web-project"是一个完整的Java Web应用程序实例，它涵盖了后端开发、前端界面、数据库交互、测试和部署等多个环节，是学习和实践Java Web开发的典型样本。通过深入理解并实践这样的项目，开发者能够...
java-web-development
03-31
这个压缩包文件"java-web-development-master"很可能包含了一个完整的Java Web项目的源代码和资源文件，可能包括项目结构、配置文件、控制器、模型、视图以及数据库连接等相关组件。 **1. Java Web核心技术** - **...
Java Web实现登录注册（超详细附代码），web开发学习教程
2401_84093054的博客
04-03 2419
今天的文章可谓是积蓄了我这几年来的应聘和面试经历总结出来的经验，干货满满呀！如果你能够一直坚持看到这儿，那么首先我还是十分佩服你的毅力的。所以看完之后，还是多多行动起来吧！可以非常负责地说，如果你能够坚持把我上面列举的内容都一个不拉地看完并且全部消化为自己的知识的话，那么你就至少已经达到了中级开发工程师以上的水平，进入大厂技术这块是基本没有什么问题的了。中…(img-X9gFApvR-1712114889509)][外链图片转存中…(img-97cFfvyT-1712114889509)]
JAVAWEB登录页面表单校验（JS，Jquery,Ajax)
weixin_55270884的博客
08-17 457
登录页面 最近在做一个简单的登录页面，如下图： 在做表单验证时遇到了一个问题，我表单验证是采用js、jquery和Ajax。大致思路为用户填写好信息后点击注册按钮，触发onsubmit事件，进入到验证函数checkInfo（），这里先用js和Jquery进行用户名和密码的正则表达式的验证（包括字段长度、字段不能包含特殊字符、空格这些规则）这里问题不大，代码如下： function checkInfo() { var user...
JavaWeb书城项目(一)——表单验证的实现
hhhcbw的博客，欢迎各位来访
10-30 1483
表单验证主要使用JQuery实现，IDE为IDEA 导入项目 新建一个模块 把原有的文件导入，原有文件链接 提取码:nefu 接下来我们要修改login.html以及regist.html 把 jquery.js 放入static/script 文件夹下 regist 我们要验证表单内容，主要有以下几个部分 验证用户名：必须由字母，数字下划线组成，并且长度为5到12位 验证密码：必须由字母，数字下划线组成，并且长度为5到12位 验证确认密码：和密码相同 邮箱验证；xxxxx@xxx.com.
Javaweb 登录、注册、修改密码页面（验证手机号）
qq_29514849的博客
12-30 830
登录页面注册页面
JavaWeb学习——Servlet&JSP用户注册及验证码实现案例（23）
Hoorus的窝
02-17 2222
日常学习笔记
javaweb登录系统账号密码验证等
roydon
10-31 6826
javaweb实现登录系统，登陆系统界面，servlet跳转，登录过程中error错误信息获取 涉及内容（适合初学javaweb者）： javaweb MySQL servlet jsp 项目导航 运行tomcat定向到login界面： <body> <jsp:forward page="login.jsp"></jsp:forward> </body> 用户登录的jsp页面： <%@ taglib prefix="c" uri="http://
JavaWeb笔记-14-验证登陆注册案例。学习感想
一万年行不行的博客
08-03 528
1、各个包在框架下的理解： User作用： //存放用户实体。提供属性，get/set方法 UserDao //实现对文件数据的操作。是service的底层 //发送反馈给service service //提供可实现的功能 //service不具体实现，调度UserDao。接收UserD...
java web之基于表单的身份验证
sunpy
07-07 3045
1.web应用程序安全主要注意什么 ①阻止未授权的用户访问敏感的数据 指定哪些用户才能访问哪些指定资源、用户的身份验证。身份验证简单方式采用post方式提交表单，用户名和密码。身份验证复杂方式采用X. ②防止攻击者从数据传输过程中窃取网络数据 2.什么是声明式安全
"基于Java-Web的新闻发布系统设计与实现实用文档
本文首先进行了可行性分析，验证了基于Java-Web的新闻发布系统的可行性。随后进行了功能分析，确定了系统需要具备的功能，如新闻浏览、发布和分类等。在系统架构方面，本文采用了JSP技术作为前端展示，JavaBean处理...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值