JavaWeb實(shí)現(xiàn)注冊用戶名檢測

更新時(shí)間：2022年08月25日 10:23:30 作者：lglglglglgui

這篇文章主要為大家詳細(xì)介紹了JavaWeb實(shí)現(xiàn)注冊用戶名檢測，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

本文實(shí)例為大家分享了JavaWeb實(shí)現(xiàn)注冊用戶名檢測的具體代碼，供大家參考，具體內(nèi)容如下

案例說明

實(shí)現(xiàn)一個(gè)可以異步獲取用戶名是否被注冊的小案例。如:

1.編寫Html與js：

<!DOCTYPE html>
<html lang="en">
<head>
? ? <meta charset="UTF-8">
? ? <title>Login</title>
? ? <script src="/jqueryWeb/js/jquery-3.3.1.js"></script>
? ? <script>
? ? ? ? $(function () {
? ? ? ? ? ? $("#username").on("blur",function () {
? ? ? ? ? ? ? ? $.ajax({
? ? ? ? ? ? ? ? ? ? url : "/jqueryWeb/checkUsername",
? ? ? ? ? ? ? ? ? ? data : "username="+$("#username").val(),
? ? ? ? ? ? ? ? ? ? dataType : "json" ,
? ? ? ? ? ? ? ? ? ? type : "post",
? ? ? ? ? ? ? ? ? ? success : function (data) {
? ? ? ? ? ? ? ? ? ? ? ? if(data.code == 1){
? ? ? ? ? ? ? ? ? ? ? ? ? ? $("#msg").css("color","green");
? ? ? ? ? ? ? ? ? ? ? ? }else {
? ? ? ? ? ? ? ? ? ? ? ? ? ? $("#msg").css("color","red");
? ? ? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? ? ? ? ? $("#msg").css("display","inline")
? ? ? ? ? ? ? ? ? ? ? ? $("#msg").text(data.msg);
? ? ? ? ? ? ? ? ? ? },
? ? ? ? ? ? ? ? ? ? error: function () {
? ? ? ? ? ? ? ? ? ? ? ? alert("服務(wù)器發(fā)生了錯(cuò)誤");
? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? })
? ? ? ? ? ? });

? ? ? ? });
? ? </script>
</head>
<body>
? ? <form action="#" method="post">
? ? ? ? <input id="username" name="username" type="text" placeholder="注冊用戶名"/><br>
? ? ? ? <label id="msg" style="display: none"></label><br>
? ? ? ? <input id="paw" name="paw" type="password" placeholder="密碼"><br>
? ? ? ? <br>
? ? ? ? <input type="submit" value="提交"/>
? ? </form>
</body>
</html>

2.定義消息的實(shí)體類

public class Result {
? ? public static Result NO_REGISTER = new Result(1,"恭喜,可以注冊！ ");
? ? public static Result ALREADY_REGISTER = new Result(0, "已經(jīng)被注冊了,請換一個(gè)用戶名！");
? ? private int Code;
? ? private String msg;
? ? public Result() {
? ? }
? ? public Result(int code, String msg) {
? ? ? ? Code = code;
? ? ? ? this.msg = msg;
? ? }
? ? //get,set方法
?)

3.編寫Servlet

@WebServlet("/checkUsername")
public class LoginController extends javax.servlet.http.HttpServlet {
? ? private List<String> list;
? ? @Override
? ? public void init(ServletConfig config) throws ServletException {
? ? //模擬已經(jīng)被注冊的用戶名
? ? ? ? list = new ArrayList<String>();
? ? ? ? list.add("zhangsan");
? ? ? ? list.add("lisi");
? ? ? ? list.add("wangwu");
? ? ? ? list.add("zhaoliu");

? ? }
? ? protected void doPost(javax.servlet.http.HttpServletRequest request, javax.servlet.http.HttpServletResponse response) throws javax.servlet.ServletException, IOException {
? ? ? ? String username = request.getParameter("username");
? ? ? ? Result result = null;
? ? ? ? if(list.contains(username)){
? ? ? ? ? ? result = Result.ALREADY_REGISTER;
? ? ? ? }else{
? ? ? ? ? ? result = Result.NO_REGISTER;
? ? ? ? }
? ? ? ? response.setContentType("text/html;charset=utf-8");
? ? ? ? response.getWriter().println(new ObjectMapper().writeValueAsString(result));

? ? }

? ? protected void doGet(javax.servlet.http.HttpServletRequest request, javax.servlet.http.HttpServletResponse response) throws javax.servlet.ServletException, IOException {
? ? ? ? doPost(request,response);
? ? }
}

效果: