正则表达式在JSP中的使用

 <%@ page language="java" import="java.util.*" pageEncoding="gb2312"%>
<%
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 type="text/css">
        .label{
            position:absolute;
            right:70%;
        }
        .fi{
            position:relative;
            left:30%;
        }
        .clr{
            height:20px;
            color:AAAAAA;
            font-size:12px;
            visibility:hidden;
        }
        .s{
            font-weight:lighter;
            color:red;
        }
        .text{
            font-family:宋体;
            width:200px;
        }
        .v{
            color:cccccc;
            font-size:12px;
        }
        a{
            font-size:12px;
        }
        .btn-img{
            position:relative;
            left:30%;
        }
        .ok{
            background:url("image\gou_meitu_1.jpg");
            width:17px;
            height:16px;
            visibility:hidden;
            display:none;
        }
        #strength{
            color:AAAAAA;
            font-size:12px;
            display:none;
        }
        .showStren{
            width:135px;
            display:inline;
            color:white;
            font-size:12px;
        }
        .ceil{
            border:0.5px solid #FFFFFF;
            background-color:DDDDDD;
        }
    </style>

    <script type="text/javascript">
        function inUser(){
            username_mess.style.visibility="visible";
        }
        function outUser(){
            u=f1.username.value;
            f1.username.style.border="1px solid AAAAAA";
            if(u==""){
                username_mess.style.visibility="hidden";
                return;
            }

            reg= /.{4,20}/;             //代表着允许4到20位字符，用两个/表示定义表达式，这样reg就有test方法了，返回值是true和false，另外还有exec方法，返回值是null，意味着不匹配，以及字符串，意味着匹配上了什么字符串
            if(!reg.test(u)){
                username_mess.innerHTML="用户名长度只能在4-20位字符之间";
                username_mess.style.color="red";
                f1.username.style.color="red";
                f1.username.style.border="1px solid red"
                username_ok.style.visibility="hidden";
                return;
            }

            reg= /^[\u4e00-\u9fa5 \w-]{4,20}$/; //代表着中文字符和\w（\w能够代替[a-zA-Z0-9_]）还有-
            if(reg.test(u)){
                username_ok.style.visibility="visible";
                username_mess.innerHTML="";
                f1.username.style.color="black";
            }else{
                username_mess.innerHTML="用户名只能由中文、英文、数字及"_"、"-"组成";
                username_mess.style.color="red";
                f1.username.style.color="red";
                f1.username.style.border="1px solid red";
                username_ok.style.visibility="hidden";
            }
        }

        function inPass(){
            pass_mess.style.visibility="visible";
            f1.pwd.style.border="1px solid gold";
        }
        function outPass(){
            p=f1.pwd.value;
            f1.pwd.style.border="1px solid AAAAAA";
            if(p==""){
                pass_mess.style.visibility="hidden";
                return;
            }
        }
        function inRPass(){
            rpass_mess.style.visibility="visible";
            f1.pwd2.style.border="1px solid gold";
        }
        function outRPass(){
            p=f1.pwd2.value;
            f1.pwd2.style.border="1px solid AAAAAA";
            if(p==""){
                rpass_mess.style.visibility="hidden";
                return;
            }
            if(!(f1.pwd.value==f1.pwd2.value)){
                rpass_mess.innerHTML="两次输入的密码不一致";
                rpass_mess.style.color="red";
                f1.pwd2.style.color="red";
                f1.pwd2.style.border="1px solid red";
                repass_ok.style.visibility="hidden";
                return;
            }
        }

        function visibe(){
            if(f1.visi.checked){        //通过checked属性，能够得到这个复选框是否被选中的Boolean值
                pass.style.backgroundColor="FFEEEE";
                v=f1.pwd.value;
                v2=f1.pwd2.value;
                chang.innerHTML= "<input type='text' name='pwd' class='text' tabindex='2' value='"+v+"' onFocus='inPass()' onBlur='outPass()'/>";
                chang2.innerHTML="<input type='text' name='pwd2' class='text' tabindex='2' value='"+v2+"' onFocus='inRPass()' onBlur='outRPass()'/>";
            }else{
                pass.style.backgroundColor="FFFFFF";
                v=f1.pwd.value;
                v2=f1.pwd2.value;
                chang.innerHTML="<input type='password' name='pwd' class='text' tabindex='2' value='"+v+"' onFocus='inPass()' onBlur='outPass()'/>";
                chang2.innerHTML=   "<input type='password' name='pwd2' class='text' tabindex='2' value='"+v2+"' onFocus='inRPass()' onBlur='outRPass()'/>";
            }
        }

        function keyPass(){
            if(f1.pwd.value.length>=6){
                pass_mess.style.display="none";
                strength.style.display="inline";
                sum=checkStrong(f1.pwd.value);
                if(sum==1){
                    l.style.backgroundColor="orange";
                }
                if(sum==2){
                    l.style.backgroundColor="orange";
                    m.style.backgroundColor="orange";
                }
                if(sum==3){
                    l.style.backgroundColor="orange";
                    m.style.backgroundColor="orange";
                    h.style.backgroundColor="orange";
                }
            }
        }

        function checkStrong(Str){
            sum=0;
            reg= /[a-zA-Z]/;
            if(reg.test(Str)){
                sum++;
            }
            reg= /\d/;
            if(reg.test(Str)){
                sum++;
            }
            reg= /[_-]/;
            if(reg.test(Str)){
                sum++;
            }
            return sum;
        }

        function inMail(){
            mail_mess.style.visibility="visible";
            f1.mail.style.border="1px solid gold";
        }
        function outMail(){
            mm=f1.mail.value;
            f1.mail.style.border="1px solid AAAAAA";
            if(mm==""){
                mail_mess.style.visibility="hidden";
                return;
            }
            reg=/\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/;
            if(reg.test(mm)){
                mail_ok.style.visibility="visible";
                mail_mess.innerHTML="";
                f1.mail.style.color="black";
            }else{
                mail_mess.innerHTML="邮箱格式不正确";
                f1.mail.style.color="red";
                f1.mail.style.color="red";
                f1.mail.style.border="1px solid red";
                mail_ok.style.visibility="hidden";
            }
        }

    </script>

    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">    
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="This is my page">
    <!--
    <link rel="stylesheet" type="text/css" href="styles.css">
    -->

  </head>

  <!--我们用div显示提示信息的时候，有两种常用的方法，一是事先写好预设的信息到div，将其设置为隐藏，当事件发生的时候，将相应的信息设置成可见。  -->
  <!--第二种方式使直接用innerHTML写信息到div中 -->
  <body>
    <form id="f1">
        <div class="label"><b class="s">*</b>用户名：</div>
        <div class="fi">
            <input type="text" name="username" class="text" tabindex="1" onFocus="inUser()" onBlur="outUser()"/>    <!--动作：光标进入输入框的事件是onFocus，离开输入框的事件是onBlur -->
            &nbsp;&nbsp;<label id="username_ok" class="ok"></label><br/>        <!--label标签不会再新的一行显示  -->
            <div id="username_mess" class="clr">4-20位字符，可由中文、英文、数字及"_"、"-"组成</div>  <!--事先写好预设的信息到div  -->
        </div>

        <div id="pass">
        <div class="label"><b class="s">*</b>设置密码：</div>
        <div class="fi">
            <div id="chang" style="display:inline">
            <input type="password" name="pwd" class="text" tabindex="2" onFocus="inPass()" onBlur="outPass()" onKeyup="keyPass()"/>
            </div>
            &nbsp;&nbsp;&nbsp;&nbsp;<input type="checkbox" name="visi" id="viewpwd" onClick="visibe()"/>
            <label id="pass_ok" class="ok"></label>
            <label class="v">显示密码字符</label><br/>
            <div id="strength">安全强度：
                <table class="showStren" align="center">
                    <tr align="center">
                        <td id="l" class="ceil">弱</td>
                        <td id="m" class="ceil">中</td>
                        <td id="h" class="ceil">强</td>
                    </tr>
                </table>
            </div>
            <div id="pass_mess" class="clr">6-16位字符，可由英文、数字及"_"、"-"组成</div>
        </div>

        <div class="label"><b class="s">*</b>确认密码：</div>
        <div class="fi">
            <div id="chang2">
            <input type="password" name="pwd2" class="text" tabindex="3" onFocus="inRPass()" onBlur="outRPass()"/>
            </div>
            <label id="rpass_ok" class="ok"></label><br/>
            <div id="rpass_mess" class="clr">请再次输入密码</div>
        </div>
        </div>

        <div class="label"><b class="s">*</b>邮箱：</div>
        <div class="fi">
            <input type="text" name="mail" class="text" tabindex="4" onFocus="inMail()" onBlur="outMail()"/>
            <label id="mail_ok" class="ok"></label>
            &nbsp;&nbsp;&nbsp;&nbsp;<label class="v">免费邮箱：</label>
            <a href="">搜狐</a>
            <a href="">网易</a><br/>
            <div id="mail_mess" class="clr">请输入常用的邮箱，将用来找回密码、接收订单通知等</div>
        </div>

        <div class="label"><b class="s">*</b>推荐人用户名：</div>
        <div class="fi">
            <input type="text" name="referrer" class="text" value="可不填" tabindex="5"/><br/><div class="clr"></div>
        </div>

        <input type="button" name="pwd2" class="btn-img" id="registsubmit" value="同意一下协议，提交" tabindex="8"/>
    </form>
  </body>
</html>

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除结题
收藏举报

1条回答默认最新

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
q107770540 2015-04-01 05:39
关注
你这个正则明显写的有问题：reg= /.{4,20}/;

应该是 reg= /^.{4,20}$/;

本回答被题主选为最佳回答 , 对您是否有帮助呢?

解决无用
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

报告相同问题？

关注问题

正则表达式在JSP中的使用 java 正则表达式
2015-03-27 07:16

回答 1 已采纳你这个正则明显写的有问题：reg= /.{4,20}/; 应该是 ` reg= /^.{4,20}$/; `
为什么这个正则表达式一执行,就会非常的卡? 正则表达式
2017-03-01 02:35

回答 2 已采纳 ``` (.*?) ```
在jsp页面咋写正则，我写的没反应，代码如下 java
2017-04-13 08:26

回答 5 已采纳 var spmic= document.getElementById(spmic).value; ===>引号括起 var spmic= document.getElement
常见的正则表达式大全 JSP中正则的使用
2022-04-06 21:34

kjshuan的博客常见的正则表达式大全 JSP中正则的使用
为啥我执行不了这个操作呢？ java javascript 正则表达式
2022-03-01 11:58

回答 2 已采纳你这页面都没访问到404了，看看的你服务是不是正常启动了。地址对不对，还有端口号这些
JSP 截取字符串前五个字符 java 正则表达式
2015-06-12 17:02

回答 9 已采纳可以编写一个自定义函数，然后用String的subString截取不就可以了吗？
.jsp文件里身份证号怎么验证啊 java 正则表达式
2015-04-07 04:53

回答 6 已采纳改为onblur，keyup没输入一个数字就替换一次，你肯定不可能一次keyup就全部输入所有的15或者18位数字了
Java正则表达式
2022-05-20 08:23

学习日记的博客 Java正则表达式,就是通过指定规则去找文本中的字符串，比如我们平常在登录中输入的账号密码是否符合，电子邮箱格式是否正确，正则表达式是一种规则，不是java拥有的，是一个规则，每个语言都可以使用，所以我们要...
请教手机号中间四位数用星号替换？ java 正则表达式
2016-04-04 06:36

回答 2 已采纳如果仅仅是做展示用（不修改手机号码）的话，修改信息提交时排除掉手机这个字段就行了。如果是要修改手机号码，那至少要从input标签里get value的，你又想让用户修改手机的时候看到的是星号，提交
java向mysql写入数据时,double类型行报错 java java-ee tomcat
2019-01-02 20:07

回答 1 已采纳贴一下你的student实体类的score字段。看看他的类型是不是double
JS的语法，居然引起JAVA报错，请指教 javascript
2008-06-25 08:56

回答 2 已采纳页首加上
jsp中使用正则表达式
2023-02-14 01:03

海雾70的博客 正则表达式
这段js为什么报错？ javascript
2011-12-07 15:43

回答 1 已采纳有两点：第一，for（item in this.validators）,这里的变量item有没有存在一个全局变量是item，我不知道你具体报什么错误，只能猜，你试一下在item前加个var呢；第二
java正则验证登录注册带jsp_Java使用正则表达式对注册页面进行验证功能实现
2021-03-15 02:19

weixin_39964978的博客本文给大家介绍java使用正则表达式对注册页面进行验证的代码，代码如下所示：package regex;import java.util.Scanner;import java.util.regex.Matcher;import java.util.regex.Pattern;public class registered {...
java 正则表达式 域名_java基于正则表达式的域名处理
2021-02-27 11:54

啧吖的博客 package apps.site3618.ext.childDomian....import java.io.IOException;import java.net.MalformedURLException;import java.net.URL;import java.sql.CallableStatement;import java.sql.Connection;import ja...
没有解决我的问题, 去提问

悬赏问题

¥88 实在没有想法，需要个思路
¥15 MATLAB报错输入参数太多
¥15 python中合并修改日期相同的CSV文件并按照修改日期的名字命名文件
¥15 有赏，i卡绘世画不出
¥15 如何用stata画出文献中常见的安慰剂检验图
¥15 c语言链表结构体数据插入
¥40 使用MATLAB解答线性代数问题
¥15 COCOS的问题COCOS的问题
¥15 FPGA-SRIO初始化失败
¥15 MapReduce实现倒排索引失败

正则表达式在JSP中的使用

1条回答 默认 最新

悬赏问题

1条回答默认最新