利用BootstrapValidator验证用户名已存在（ajax）

最新推荐文章于 2024-08-26 07:29:22 发布

DevHan

最新推荐文章于 2024-08-26 07:29:22 发布

阅读量6.7k

点赞数 6

分类专栏： JavaWeb 文章标签： BootstrapValidator ajax 表单验证

本文链接：https://blog.csdn.net/qq_38760728/article/details/84669003

版权

本文介绍了一个Java Web项目中，使用BootstrapValidator和Ajax实现注册页面上用户名的唯一性验证。通过Ajax发送请求到后端MVC模式的UserServlet，结合MySQL数据库检查用户名是否已存在。在验证过程中，遇到重置表单的bug，以及强调了返回的JSON数据格式必须为{'valid': true或false}。

摘要由CSDN通过智能技术生成

Java web项目：bootstrap实现注册页面，mvc模式联合mysql数据库检查用户名的唯一性。

一、实现效果：

在这里插入图片描述重置这里有bug，bootstrapValidator验证不能重置，待解决。

二、代码准备：

引入bootstrap，bootstrapValidator和jquery。

<link rel="stylesheet" href="<%=request.getContextPath() %>/css/bootstrap.min.css"/>
<link rel="stylesheet" href="<%=request.getContextPath() %>/css/bootstrapValidator.min.css"/>

<script src="<%=request.getContextPath() %>/js/jquery.min.js"></script>
<script src="<%=request.getContextPath() %>/js/bootstrap.min.js"></script>	
<script src="<%=request.getContextPath() %>/js/bootstrapValidator.min.js"></script>

三、部分代码：

register.jsp注册部分代码。

<form id="registerForm" action="<%=request.getContextPath() %>/UserServlet" method="post">
    <input type="hidden" name="method" value="register"/>
    <div class="form-group">
        <label>用户名</label>
        <input type="text" class