首页 > 其他分享 >校验用户名是否存在案例

校验用户名是否存在案例

时间:2022-08-21 14:00:23浏览次数:67  
标签:username map 用户名 span 校验 案例 import response

案例

  • 校验用户名是否存在
    • 服务器响应的数据,在客户端使用时,要想当作json数据格式使用
      • $.get(type):将最后一个参数tupe指定为"json"
      • 在服务器端设施MIME类型
        • response.setContentType("test/html;charset=utf-8");

regist.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册页面</title>
    <script src="js/jquery-3.6.0.min.js"></script>

    <script>
        //在页面加载完成后执行
        $(function () {
            //给username绑定blur事件
            $("#username").blur(function () {
                //获取username输入框的值
                var username = $(this).val();
                //发送ajax请求
                $.get("/findUserServlet", {username: username}, function (data) {
                    var span = $("#s_username");
                    if (data.userExsit) {
                        span.css("color", "red");
                        span.html(data.msg);
                    } else {
                        span.css("color", "green");
                        span.html(data.msg);
                    }
                },"json");
            });
        });
    </script>
</head>
<body>
    <form>
        用户名:<input type="text" id="username" name="username" placeholder="请输入用户名">
        <span id="s_username"></span>
        <br><br>
        密码:<input type="password" name="password" placeholder="密码"><br><br>
        <input type="submit" value="注册">
    </form>
</body>
</html>

FindUserServlet

package com.ailyt.servlet;

import com.fasterxml.jackson.databind.ObjectMapper;

import javax.servlet.*;
import javax.servlet.http.*;
import javax.servlet.annotation.*;
import java.io.IOException;
import java.util.HashMap;

@WebServlet(name = "findUserServlet", value = "/findUserServlet")
public class FindUserServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        this.doPost(request, response);
    }

    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        response.setContentType("test/html;charset=utf-8");
        String username = request.getParameter("username");

        HashMap<String, Object> map = new HashMap<>();

        if ("tom".equals(username)) {
            map.put("userExsit",true);
            map.put("msg", "此用户名太受欢迎请换一个");
        } else {
            map.put("userExsit",false);
            map.put("msg", "用户名可用");
        }

        ObjectMapper mapper = new ObjectMapper();
        mapper.writeValue(response.getWriter(),map);
    }
}

标签:username,map,用户名,span,校验,案例,import,response
From: https://www.cnblogs.com/ailhy/p/16609909.html

相关文章

  • json转java对象以及校验用户名是否存在案例
    json转java对象使用步骤:1、导入jackson的相关jar包2、创建Jackson核心对象ObjectMapper3、调用ObjectMapper的相关方法进行转换1、readValue(js......
  • 校验用户名是否存在案例
    校验用户名是否存在案例1.服务器响应的数据,在客户端使用时,要想当做json数据格式使用1.$.get(type):将最后一个参数type指定为"json"2.在服务器端设置MIME类型......
  • python 简单密码校验
    #判断字符串长度是否在8位以上defcheck_len(pwd):iflen(pwd)>=8:returnTrueelse:returnFalse#检查字符串是否是有大小写字母、......
  • [记录]修改Windows系统的本地用户名(包括C:\Users\***)
    目录前言我的笔记本电脑配置修改步骤前言一开始买了笔记本电脑后,不懂事,随手就把电脑用户名设置成了中文。作为一名程序猿,实在是觉得别扭,故在网络上寻找修改用户名的方......
  • JQuery案例
    JQuery案例广告的自动显示和隐藏案例需求:当页面加载完3秒后自动显示广告广告显示5秒后自动消失分析:使用定时器来完成setTimeout(执行一次定时器)分析完成JQu......
  • SQLAlchemy学习-10. validates()校验器
    前言向属性添加“验证”的一种快速方法是使用validates()装饰器。校验器属性验证器可以引发异常,停止改变属性值的过程,或者可以将给定值更改为不同的值。与所有属性扩......
  • wireshark故障解决案例分享
    wireshark常见使用操作讲解以及几个故障解决案例分享系统集成项目专家阿祥 2022-06-1310:26 发表于河南 以下文章来源于网络之路博客 ,作者网络之路作者一天......
  • JQuery案例和插件机制
    案例—广告显示和隐藏需求:1、当页面加载完,3秒后。自动显示广告2、广告显示5秒后,自动消失分析:1、使用定时器来完成,setTimeout(执行一次定时器)2、分析......
  • 网络编程-综合案例-文件上传原理
    文件上传原理1.【客户端】输入流,从硬盘读取文件数据到程序中。2.【客户端】输出流,写出文件数据到服务端。3.【服务端】输入流,读取文件数据到服务端程序。4.【服务端】......
  • JQuery案例_广告显示和隐藏&JQuery案例_抽奖
    JQuery案例_广告显示和隐藏需求:当页面加载完,3秒后自动显示广告广告显示5秒后,自动消失分析:使用定时器来完成。setTimeout(执行一次定时器)分析发现JQuery的显示......