Ajax验证

最新推荐文章于 2021-08-05 14:18:14 发布
最新推荐文章于 2021-08-05 14:18:14 发布
阅读量163 收藏
点赞数
分类专栏： Ajax
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/slb18220570825/article/details/79794643
版权
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Ajax验证</title>
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript">
/* var req;
function checkit() {
//把用户名传到服务器，看看该用户是否已经被注册了


//判断浏览器类型，生成一个req对象，用它和服务器联系
if (window.XMLHttpRequest) {
req = new XMLHttpRequest();
} else if (window.ActiveXObject) {
req = new ActiveXObject("Microsoft.XMLHTTP");
}
var url="CheckUser?uname="+document.getElementById("uname").value;
  req.open("GET",url, true);
       req.onreadystatechange = show;//访问结束拿到结果交给社处理？
       req.send(null);


}
function show()
{
if (req.readyState == 4) {
   if (req.status == 200) {
         //显示
         document.getElementById("info").innerHTML=req.responseText;
    }
  }

}  */


$(function(){
$(":button").click(function(){
 /* obj=$.ajax({url:"CheckUser?uname="+$("#uname").val(),async:false});
// $("#info").html(obj.responseText);
 $("#info").load("CheckUser?uname="+$("#uname").val()   ); */
 $.get("CheckUser?uname="+$("#uname").val(),function(data,status){
 $("#info").html(data);
 });
 
 });
});
 
</script>
</head>
<body>
<table>
<tr>
<td>用户名</td>
</tr>
<tr>
<td><input type="text" id="uname"></td>
</tr>
<tr>
<td><input type="button" value="检测用户" onClick="checkit()"></td>
</tr>
<tr>
<td><div id="info"></div></td>
</tr>
</table>
</body>

</html>





package javastudy;
import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
/**
 * Servlet implementation class CheckUser
 */
@WebServlet("/CheckUser")
public class CheckUser extends HttpServlet {
private static final long serialVersionUID = 1L;
    public CheckUser() {
        super();
    }
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
response.setCharacterEncoding("UTF-8");
String uname=request.getParameter("uname");
String[] names= {"zhang","wang","zhou","shai"};
boolean flag=false;
for(int i=0;i<names.length;i++)
{
if(names[i].equals(uname))
{
flag=true;
break;
}
}
if(flag) {
response.getWriter().println("该用户名已注册！");

}else {
response.getWriter().println("恭喜，该用户名尚未注册！");
}
}

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

doGet(request, response);
}

}




slb18220570825
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ajax + 短信宝 实现手机验证码
徐向博
11-21 3002
最近在开发一个登录模块，需要用到短信验证码功能，由于技术有限，简单做了一个比较粗糙的，写下来备忘。需要用到：Jq-ajax、php、短信宝 HTML部分： &amp;lt;div class=&quot;login&quot;&amp;gt; &amp;lt;div class=&quot;login-head&quot;&amp;gt; &amp;lt;p&amp;gt;注册用户&amp
注册（Ajax验证）
wanwu_fusu的博客
10-19 594
&lt;html&gt;   &lt;head&gt;     &lt;script&gt;           function checkage(){          var age=document.getElementById("age").value;          if(age&lt;16||age&gt;24){          alert("输入年龄范围应该为1...
ajax注册验证
nycqwert的专栏
09-01 720
register.php 注册       注册名称：             请输入用户名         注册密码：             请输入密码         确认密码：             请输入确认密码         电子邮箱：             用户激活和找回密码使用
ajax注册页面异步验证
学习的路上
03-06 237
ajax的原理大家可以看上图 如何获得Ajax对象？ XMLHttpRequest没有标准化，要区分浏览器。 function getXhr(){ var xhr = null; if(window.XMLHttpRequest){ //非ie浏览器 xhr = new XMLHttpRequest(); }else{ //ie浏览器 xhr = new ActiveXOb...
Ajax验证用户的唯一性
12-09
6. **实现Ajax验证**： 使用jQuery的`$.ajax`函数发送一个异步请求到服务器，获取用户名的唯一性验证结果。当响应返回时，更新`namemsg`元素的内容以显示结果。 ```javascript $(document).ready(function() { ...
AJAX 验证框架13个
10-29
以下是一些常用的AJAX验证框架的详细介绍： 1. ASP.NET AJAX Framework ASP.NET AJAX Framework 提供了ValidatorCallout控件，它扩展了ASP.NET的验证功能，可以为验证错误提供弹出提示。虽然不支持自定义的服务端...
jquery+ajax验证不通过也提交表单问题处理
12-12
2 使用ajax提交表单,但是没有使用ajax验证.  这种方式也比较简单,在我们使用ajax请求前检查验证是否通过就可以,例如: 代码如下: //验证不通过时return   if(!$(“form#ajaxForm”).validationEngine(“validate...
ajax验证表单
03-31
在"ajax验证表单"中，可能使用了JavaScript事件监听器来捕捉用户的输入行为，如`onkeyup`或`onblur`事件。当用户在输入框中键入内容或离开输入框时，触发验证函数。 4. **Ajax调用**： 当用户输入满足触发验证的...
Ajax验证用户名实例代码
10-22
主要介绍了Ajax验证用户名实例代码，非常实用，特此分享供大家学习
表单验证、字段ajax验证 formValidator.1.7
04-12
表单验证、字段ajax验证 formValidator.1.7
一个简单的ajax验证注册用户名
I_love_Dotnet的专栏
09-27 718
          function $(str)//方法         {           return document.getElementById(str);          //返回  text1  =  ctl00_ContentPlaceHolder1_AjaxRegist1_text1         }           function checkUsername
ajax http基本认证,将基本身份验证与jQuery和ajax结合使用。
weixin_42469546的博客
08-05 247
将基本身份验证与jQuery和ajax结合使用。我试图通过浏览器创建一个基本的身份验证，但我无法真正做到这一点。如果这个脚本不在这里，浏览器身份验证将接管，但我想告诉浏览器，用户即将进行身份验证。地址应该是：http://username:password@server.in.local/我有一份表格：还有一个剧本：varusername=$("input#username").val();...
Ajax学习笔记——实现注册界面用户名的验证
ashleyjun的博客
09-06 527
Ajax（Asynchronous JavaScript and XML，异步的 JavaScript 和 XML）是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。 传统的网页（不使用Ajax），如果需要更新内容必须重新加载整个网页，较麻烦，用户体验差。 Ajax主要用于创建快速动态网页；应用实例：新浪微博、Google 地图、开心网等等。 JSON（JavaScript Objec...
（一）jquery做ajax表单提交以及字段验证
指尖上的艺术家
03-15 892
首先在你的html页面中引入jquery文件 创建表单 姓名： 电话： 新浪微博名： 提交 jquery部分 $("#btn").click(function(){ var username = $("#s-name").val(); var phone = $("#s-phone").val(); var microblog = $
利用ajax校验表单
Myair_AC的博客
09-26 345
如题,校验一个最基本用户名的文本框: jsp:<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/h
怎么使用ajax进行校验,jQuery使用$.ajax进行即时验证的方法
weixin_39781945的博客
08-05 244
本文实例讲述了jQuery使用$.ajax进行即时验证的方法。分享给大家供大家参考，具体如下：使用jQuery和一般处理程序即时验证用户录入的学号是否重复，当光标离开输入框即给出提示。/p>"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">.clsShow{font-size: 13px;border: solid 1p...
利用ajax无刷新验证注册信息
_ACME_的博客
07-11 9434
其大概思路如下: 一.把注册的html页面做好(html+css) 1.不需要form表单，直接用div包着 2.需要四个标签来显示正确、错误的信息显示 3.不用submit提交按钮，直接用button 如图： 二.把ajax做成一个函数，通过传简单的参数可以与服务器进行数据交换. 1.这个ajax函数前面有一篇如何处理利用ajax处理返回数据的文章中详细说明了。 2.ajax函
前端用ajax异步做数据校验
demo_gsl的博客
06-27 1681
ajax是可以改变用户体验的技术，ajax对象是浏览器提供的特殊对象，即XMLHttpRequest对象，向服务器发送异步请求，服务器返回部分数据，浏览器利用这部分数据进行页面部分更新。整个过程，无需刷新界面，不打断用户的操作。给用户带来了很好的体验。接下来就举个完成的例子。1.Mybatis手写的sql语句。2.数据访问层3.业务逻辑层4.表示层5.jsp界面...
提交表单前进行ajax验证
最新发布
06-03
好的，这是一个非常常见的问题。提交表单前进行 Ajax 验证的主要目的是为了在客户端验证表单数据的有效性，以避免不必要的服务器端请求和响应。这可以提高用户体验和减轻服务器压力。下面是一个简单的示例： 1. 在 HTML 表单中添加一个 id，例如 "myForm"。 ``` <form id="myForm" method="post" action="submit.php"> <input type="text" name="username" placeholder="用户名"> <input type="password" name="password" placeholder="密码"> <button type="submit">提交</button> </form> ``` 2. 在 JavaScript 中使用 jQuery 库，绑定表单提交事件，阻止默认行为，并发送 Ajax 请求。 ``` $(document).ready(function() { $('#myForm').submit(function(e) { e.preventDefault(); // 阻止表单默认提交行为 var username = $('input[name="username"]').val(); var password = $('input[name="password"]').val(); $.ajax({ url: 'validate.php', type: 'post', data: { username: username, password: password }, success: function(response) { if (response == 'valid') { $('#myForm').unbind('submit').submit(); // 取消表单提交事件绑定并重新提交 } else { alert('请检查您的用户名和密码！'); } } }); }); }); ``` 3. 在服务器端 PHP 脚本中处理 Ajax 请求，验证表单数据的有效性，并返回相应的结果。 ``` <?php $username = $_POST['username']; $password = $_POST['password']; if ($username == 'admin' && $password == 'password') { echo 'valid'; } else { echo 'invalid'; } ?> ``` 这是一个简单的示例，你可以根据你的具体需求进行修改和扩展。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值