解决ajax用户名存在，仍可以提交的问题

最新推荐文章于 2022-02-26 14:45:05 发布

拼GO

最新推荐文章于 2022-02-26 14:45:05 发布

阅读量947

点赞数

CC 4.0 BY-SA版权

分类专栏： AJAX注册验证文章标签： ajax javascript function url 服务器 null

本文链接：https://blog.youkuaiyun.com/wxlhlh001/article/details/7443381

AJAX注册验证专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一个简单的AJAX实现方案，用于验证用户输入的用户名是否已存在。通过异步请求检查服务器上的用户名，如果用户名已被使用，则提示用户并阻止提交表单。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天在做AJAX验证用户名是否存在的时候，很纠结用户名存在还能提交，试了各种办法，最终解决办法如下，红色代码部分可以阻止用户提交

   function check1(){
    //获取用户名文本框内容1
   // var uname=document.getElementById("uname");
    //获取用户名文本框内容2
    var cname=document.form2.cname;
    if(cname.value.length<6){

  //显示错误信息
     document.getElementById("uspan").innerHTML="<font color='red' size='1'>对不起，您输入的内容长度应大于6！</font>";

    }else{
  var cname=document.form2.cname;
  //当输入的内容合法显示笑脸图片

  //通过Ajax异步通信验证用户名是否存在
  var ajax=initAjax();
  //定义请求的URL
  var url="check_name.php?cname="+cname.value+"&r="+Math.random();
  //打开连接
  ajax.open('get',url,true);

  //发送本次ajax请求
  ajax.send(null);
  document.getElementById("uspan").innerHTML="<img src='../images/wait.gif' />";

  //当状态值发生改变的时候执行当前函数
  ajax.onreadystatechange=function(){

   if(ajax.readyState==4&&ajax.status==200){
    //获取服务器结果，并转化为整型数据判断
    if(parseInt(ajax.responseText)){
     alert(ajax.responseText);
       document.getElementById("uspan").innerHTML="用户名存在";

     document.all("btn").disabled=true;