陌小颜 2015-03-27 07:16 采纳率: 0%
浏览 907

正则表达式在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">



*用户名：


<!--动作：光标进入输入框的事件是onFocus，离开输入框的事件是onBlur -->
  
<!--label标签不会再新的一行显示 -->
4-20位字符，可由中文、英文、数字及"_"、"-"组成
<!--事先写好预设的信息到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>


  • 写回答

1条回答 默认 最新

  • 你知我知皆知 2024-08-03 14:25
    关注

    以下回答参考 皆我百晓生、券券喵儿 等免费微信小程序相关内容作答，并由本人整理回复。

    在Java和JSP中，你可以使用正则表达式来验证用户输入的密码是否符合特定的规则。以下是一个简单的示例：

    <!DOCTYPE html>
<html>
<head>
<script>
function inPass(){
    var pwd = document.getElementById("chang").value;
    if (pwd.length < 6 || pwd.length > 16) {
        document.getElementById("pass_mess").innerHTML = "密码长度必须在6到16之间";
    } else {
        document.getElementById("pass_mess").innerHTML = "";
    }
}

function outPass(){
    var pwd = document.getElementById("chang").value;
    if (pwd.length < 6 || pwd.length > 16) {
        document.getElementById("pass_mess").innerHTML = "密码长度必须在6到16之间";
    } else {
        document.getElementById("pass_mess").innerHTML = "";
    }
}
</script>
</head>
<body>

<form action="processForm.jsp" method="post">

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

    这个示例中，我们定义了三个函数inPass()、outPass() 和 keyPass() 来检查输入的密码是否满足条件，并更新相应的错误信息。

    注意：这只是一个基本的示例，实际应用中可能还需要考虑更多的因素，例如输入框的样式、表单的布局等。

    评论

报告相同问题？