一个验证用户名唯一性的例子

最新推荐文章于 2022-11-08 17:07:14 发布
最新推荐文章于 2022-11-08 17:07:14 发布
阅读量5.9k 收藏 2
点赞数
分类专栏： J2EE 文章标签： jsp servlet 服务器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hardly555/article/details/52635545
版权

过滤器 Filter

Filter,Listener

监听器和过滤器，都是一种特殊的Servlet，其中监听器是用来处理服务器端事件，过滤器是在请求送出以后，响应到达客户端之前的事情进行处理。

用户的请求到达Servlet(JSP)之前，先经过过滤器处理，服务器的响应到达客户浏览器之前，也要先经过过滤器的处理。

过滤器可以有多个，形成过滤器链filter chain。

一、可以设置对哪些页面或Servlet使用过滤器

1.应用程序中所有资源 /*
2.指定的类型文件资源 *.html
3.指定的目录下的所有文件 /folder_name/*
4.指定的servlet myfilter.LoggerServlet
6./simplefilter.html
7.指定目录下指定类型的单一文件 /dir_name/index.jsp

以上都要注意是否有斜杠“/”

二、可以设置对何种请求方式使用过滤器，请求方式包括(request,forward,include,exception)

request

href=”a.jsp”

response.sendRedirect(“a.jsp”);

window.open(“a.jsp”);

location.href=”a.jsp”;

src=”a.jsp”

………

forward 页面跳转

<%jsp:forward ….

sendForward …

include

有两种include其他页面的方法，一种是指令标签<%@ include file=”xxx.jsp”%>，一种是动作标签

execetion

……

一个验证用户名唯一性的例子：

register.jsp功能
1.用户输入用户名密码
2.注册按钮
3.检查用户按钮
4.post uname到CheckIt

CheckIt功能：
1.获得用户名
2.取得Map
3用户名与Map钟的Key比较（contain）

welcome.jsp功能
1.欢迎界面

问题
（注：有一个隐藏按钮，它的值flag有三种状态
0代表用户没按过检测
1代表用户名不能通过（Map中已存在）
3代表用户名能通过
）
有一种可能，用户写了个可以通过检测的Map中不存在的用户名，通过检测后，改为一个Map中已经存在的用户名，此时不按检测用户名，直接注册，它还是能通过到welcome.jsp 既造成用户名重复。

解法1：
只要有修改用户民输入框就要强迫用户再次检测，——>有修改——>用户名输入框就有获得焦点与失去焦点的过程——>每次用户名输入框失去了焦点都强制flag变为0，让用户再检测。
代码：

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>注册</title>
<script type="text/javascript" src="jslib/jquery.js">
</script>
<script type="text/javascript">
$(document).ready(function(e) {

    $("input[type='text'][name='uname']").blur(function(e) {
        $("input[type='hidden'][name='flg']").val(0);
    });
    $("#info").css("color","red");
    $("input[type='button'][name='check']").click(function(e) {
        if($.trim($("input[type='text'][name='uname']").val()).length==0)
        {
            $("#info").html("请先输入用户名");
            return false;
        }//把用户名传到servlet先保证不为空
        $.post("CheckIt",{uname:$("input[type='text'][name='uname']").val()},function(data)
        {
            var s=new Array();
            s=data.split("$");
            $("input[type='hidden'][name='flg']").val(s[0]);
            $("#info").html(s[1]);

        })//传到servlet，得到返回
    });
    $("form[name='f1']").submit(function(e) {

        if($("input[type='hidden'][name='flg']").val()==0)
        {
            $("#info").html("请先检查用户名");
            return false;
        }//一开始的flg为0,必须要检查改变flg值

        //if($.trim($("input[type='text'][name='uname']").val()).length==0)
        //{
        //  $("#info").html("请先输入用户名");
        //  return false;
        //}
        //$.ajax({async:false});
        //var s=new Array();
        //var tips=" ";
        //$.post("CheckIt",{uname:$("input[type='text'][name='uname']").val()},function(data)
                //{

                    //s=data.split("$");
                    //$("input[type='hidden'][name='flg']").val(s[0]);
                    //tips=s[1];
                    //alert(tips);//有执行

                        //});
        //alert(tips);
        if($("input[type='hidden'][name='flg']").val()==1)
         {
             //tips=s[1];
             $("input[type='hidden'][name='flg']").val(0);
             //alert(tips);
             $("#info").html("用户名重复！");
             return false;

         }
         if(($("input[type='hidden'][name='flg']").val()==2)&&($.trim($("input[type='password'][name='pwd']").val()).length==0))
         {



                $("#info").html("请输入密码"); 

                $("input[type='hidden'][name='flg']").val(0);//若不想再次检查用户名就不用加
                return false;
         }
         return true;
        // if((($.trim($("input[type='password'][name='pwd']").val()).length!=0)&&($("input[type='hidden'][name='flg']").val()==2)))
             //{



                //$("#info").html(s[1]);
                //return false;

                //return false;
                //return false;
                //else
                    //{
                    //return true;
                    //}



            // }



    });
});
</script>
</head>
<body>
<form name="f1" action="welcom.jsp">
<input type="hidden" name="flg" value="0"/>
<table border="1">
  <tr>
    <td width="80">用户名</td>
    <td width="94"><input type="text" name="uname"/></td>
  </tr>
  <tr>
    <td>密码</td>
    <td><input type="password"  name="pwd"/></td>
  </tr>
  <tr>
    <td><input type="button" name="check" value="检查用户名"/></td>
    <td><input type="submit"  value="注册"/></td>
  </tr>
</table>
<div id="info"></div>
</form>
</body>

解法2：在注册按钮中，每次按注册都再一次提交都后台检测验证用户名

代码：

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>注册</title>
<script type="text/javascript" src="jslib/jquery.js">
</script>
<script type="text/javascript">
$(document).ready(function(e) {

    $("#info").css("color","red");
    $("input[type='button'][name='check']").click(function(e) {
        if($.trim($("input[type='text'][name='uname']").val()).length==0)
        {
            $("#info").html("请先输入用户名");
            return false;
        }//把用户名传到servlet先保证不为空
        $.post("CheckIt",{uname:$("input[type='text'][name='uname']").val()},function(data)
        {
            var s=new Array();
            s=data.split("$");
            $("input[type='hidden'][name='flg']").val(s[0]);
            $("#info").html(s[1]);

        })//传到servlet，得到返回
    });
    $("form[name='f1']").submit(function(e) {

        if($("input[type='hidden'][name='flg']").val()==0)
        {
            $("#info").html("请先检查用户名");
            return false;
        }//一开始的flg为0,必须要检查改变flg值
        if($.trim($("input[type='text'][name='uname']").val()).length==0)
        {
            $("#info").html("请先输入用户名");
            return false;
        }
        var s=new Array();
        var tips="";

        $.ajax({//注意一定要用这个方式传数据到后台
            async:false,
            url:"CheckIt",
            type:"POST",
            data:{uname:$("input[type='text'][name='uname']").val()},
            success: function(data){
                alert(data+"1");//得到数据
                tips=data;
                alert(tips+"2");//得到数据
            }

        });
        alert(tips+"3");//得到数据
        s=tips.split("$");
        alert(s[0]+"4");
        if(s[0]==1){
            $("#info").html(s[1]);
            return false;
        } 
        if((s[0]==2)&&($.trim($("input[type='password'][name='pwd']").val()).length==0))
        {
            $("#info").html("密码不能为空");
            return false;

        }
        return true;
    });
});
</script>
</head>
<body>
<form name="f1" action="welcom.jsp">
<input type="hidden" name="flg" value="0"/>
<table border="1">
  <tr>
    <td width="80">用户名</td>
    <td width="94"><input type="text" name="uname"/></td>
  </tr>
  <tr>
    <td>密码</td>
    <td><input type="password"  name="pwd"/></td>
  </tr>
  <tr>
    <td><input type="button" name="check" value="检查用户名"/></td>
    <td><input type="submit"  value="注册"/></td>
  </tr>
</table>
<div id="info"></div>
</form>
</body>

从这个问题钟要认识到一个问题：
可以通过alert一步一步接近问题的根源

hardly555
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
用户名唯一校验
10-18
“用户名唯一校验”可以用于ssh、mysql开发的任何系统！
Asp.net下利用Jquery Ajax实现用户注册检测（验证用户名是否存）
10-28
最后，`ajaxValidator` 调用了一个异步的GET请求到 `/ws/NameExist.aspx`，这个页面会检查用户名是否已存在于数据库中。 `NameExist.aspx` 是服务器端的处理程序，用于接收AJAX请求并返回验证结果。以下是其源码： ...
软件测试如何写好测试用例？
测试小小小的博客
09-17 2287
如何写好测试用例 一、测试用例与编写流程介绍 1.常用术语 软件：数据+程序+文档 测试时就是操作数据，操作的主体就是程序，文档就是工作时的可视化 软件测试的基础：软件测试就是保证软件质量，满足用户需求的一种手段 测试流程：需求分析、制定计划、编写用例与执行、对测试结果的分析报告 测试的生命周期：测试计划，测试设计，测试开发（测试用例的编写），测试执行，测试评估 软件测试的分类： 按软件测试手段划分了三个方向 黑盒：把软件比作一个黑盒子，我们不知道盒子...
用户名唯一校验的接口处理逻辑
weixin_44968870的博客
11-08 299
用户名唯一校验处理逻辑
php 判断用户唯一性,AJAX 用户唯一性验证实现代码
weixin_29745919的博客
03-18 138
从数据库my中的username用户表里验证：checkusername.html：无标题文档var xmlHttp;function createXMLHttpRequest(){if(window.ActiveXObject){xmlHttp = new ActiveXObject("microsoft.XMLHTTP");}else if(window.XMLHttpRequest){xml...
密码一致和用户名唯一性校验
weixin_45010988的博客
08-07 937
实现鼠标移开输入框，即刻提示输入内容是否可用 用户名唯一效验 输入框 <p id="p"></p> <input type="text" name="userName" id="userName"> js <script> userName.onblur = function () { $.post( ...
Ajax实现客户端验证(连接数据库检查用户名&ID是否唯一)终版.pdf
01-31
Ajax 是一种在客户端验证的技术，它可以实现在客户端对用户名和 ID 的唯一性进行验证，而不需要提交整个表单。这种技术可以大大提高用户体验，减少服务器的压力。 在这个例子中，我们将使用 Ajax 实现客户端验证，...
django-利用session机制实现唯一登录的例子
09-17
当用户成功登录后，服务器会创建一个 session，通常是一个唯一的 session_id，然后将这个 session_id 通过响应发送给客户端（通常是浏览器）。客户端会在后续的每次请求中携带这个 session_id，服务器通过 session_...
vue element自定义表单验证请求后端接口验证
10-15
这个场景通常发生在需要确保输入的数据不仅满足基本的格式要求，还要在服务器端进行唯一性验证，例如防止用户名重复注册。 首先，我们来看一下`template`部分。在HTML模板中，我们创建了一个`el-form-item`，用于...
jQuery Validate格式验证功能实例代码（包括重名验证）
10-19
在 `rules` 对象中，`txtUserName` 字段使用了 `remote` 规则，向 `/admin/CheckName` 发送 POST 请求，传递 `name` 参数，以验证用户名的唯一性。 `ExistsCompany: true` 表示 `txtUserName` 字段还需要通过 `...
使用Ajax方式实现用户名的唯一性校验-JAVA
Liuwei0607的博客
01-21 998
使用Ajax方式实现用户名的唯一性校验-JAVA 文章参考：https://www.cnblogs.com/lxr521/p/10765335.html 本文章说明如何实现以下效果： 用户在前端页面的用户名输入框输入一个用户名，当鼠标的光标离开输入框时，系统自动检验用户名的唯一性，并在前端页面给出提示。 这样可以节省资源，避免用户资源的浪费，因为以前所使用的方法，是在用户点击注册之后才去进行用户名的唯一性校验，如果错误，则需要返回一个新的界面并且提示用户名重复，即占用了又浪费了用户流量。 前端html+js
用户名唯一性验证
欢迎来到我的博客，一起学习Java！
10-24 2123
dubbo项目： 唯一性验证接口开发规范 创建 TbUserService 接口 /** * 实现用户名唯一性验证 * @param cond * @param type * @return */ public EgoResult loadTbUserByCondService(String cond,Integer t...
HTML+JSP的用户名后台验证
wanggong126的专栏
02-10 3614
1.regist.html 注册的页面 包含Email账号和密码 [code="html"] regist Email: 密码: 确认密码: ...
用Hibernate Validator注解验证注册用户名唯一
最新发布
05-28
可以使用Hibernate Validator的@UniqueElements注解来实现注册用户名唯一的验证。 首先，在实体类中添加一个用户名属性，并使用@UniqueElements注解进行验证： ``` @Entity public class User { @Id @GeneratedValue private Long id; @UniqueElements private String username; // 其他属性和方法 } ``` 在进行验证时，只需要使用Hibernate Validator提供的验证方法即可： ``` ValidatorFactory factory = Validation.buildDefaultValidatorFactory(); Validator validator = factory.getValidator(); Set<ConstraintViolation<User>> violations = validator.validate(user); ``` 其中，user是待验证的实体类对象，violations是验证结果集合。如果用户名已存在，则会在violations中添加相应的错误信息。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值