html+JS+php实现简单的注册用户名验证-低调大师

html+JS+php实现简单的注册用户名验证

2018-09-28 677

初学使用,不废话
1、index.html

<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <title>注册用户</title>
    <script type="text/javascript" src="post_ajax.js"></script>
</head>
<body>
    <h1>注册用户</h1>
    <input type="text" name="userName" id="bt_user" onblur="postajax()"/><label id="lb_text" style="display:none"></label>

</body>
</html>

2、post_ajax.js

function postajax(){
      //XMLHttpRequest创建异步对象
      var ajax = new XMLHttpRequest();
      //设置请求的php的url和参数
      ajax.open('post','post_ajax.php');
      //需要POST 数据，使用 setRequestHeader() 来添加 HTTP 头
      ajax.setRequestHeader("Content-type","application/x-www-form-urlencoded");
      // send发送请求
      ajax.send('Name='+document.querySelector('#bt_user').value);
      //事件注册
      ajax.onreadystatechange = function(){
        if (ajax.readyState ==4&&ajax.status==200) {
            //返回接收的内容并修改数据
            console.log(ajax.responseText);
            var show = document.querySelector('#lb_text');
                show.style.display='block';
            if (ajax.responseText =="OK") {
                show.innerHTML='提示：该用户已经注册了！'
            } else{
                show.innerHTML='提示：你可以使用该名字！'
            }
        }
      };
    }

3、post_ajax.php

<?php
    header('content-type:text/html;charset=utf-8');
    $name=$_POST['Name'];
    //对比是数据可以通过数据库获取，并验证
    $nameArray = array('熊大',"熊二",'张三','李四','王五');
    $result=in_array($name, $nameArray);
    // 返回判定值给调用者
    if($result){
        echo "OK";
    } else{
        echo "not OK";
    }
?>

微信关注我们

原文链接：https://yq.aliyun.com/articles/646512

转载内容版权归作者及来源网站所有！

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

安装 mysqlclient 报错

windows python 3.6 32bit python3+版本不用mysql-python，改用 mysqlclient 我们Django中连接数据库要用到 mysqlclient 的驱动，用pip命令下载会报错：报错信息我们到这里下载文件安装之后在命令行输入 pip install + 文件路径

2018-09-29

598

在与NIO通道交互时使用Java NIO Buffer。如您所知，数据从通道读入缓冲区，并从缓冲区写入通道。缓冲区本质上是一个可以写入数据的内存块，然后可以再次读取。此内存块包含在NIO Buffer对象中，该对象提供了一组方法，可以更轻松地使用内存块。基本缓冲区用法使用缓冲区读取和写入数据通常遵循这4个小步骤：写入数据到缓冲区调用buffer.flip() 从缓冲区读取数据调用buffer.clear()或者buffer.compact() 当你将数据写入Buffer时，Buffer会跟踪你已经写入了多少数据。一旦你需要读出数据，你需要调用 flip() 方法将Buffer从写模式转换到读模式。在读模式，Buffer允许你将之前写入的数据全部读出。一旦你已经读出了所有数据，你需要清除Buffer，为下次写入数据做准备。可以通过以下两种方法来完成：clear() 和 compact()。clear() 方法清除整个Buffer，而 compact() 方法仅仅清除你已经读出的Buffer，未读数据会被移动到Buffer的开始位置，再次写入的数据会追加到未读数据的后面。 ...

2018-09-29

553

资源下载

更多资源

优质分享App

近一个月的开发和优化，本站点的第一个app全新上线。该app采用极致压缩，本体才4.36MB。系统里面做了大量数据访问、缓存优化。方便用户在手机上查看文章。后续会推出HarmonyOS的适配版本。

腾讯云软件源

为解决软件依赖安装时官方源访问速度慢的问题，腾讯云为一些软件搭建了缓存服务。您可以通过使用腾讯云软件源站来提升依赖包的安装速度。为了方便用户自由搭建服务架构，目前腾讯云软件源站支持公网访问和内网访问。

Nacos

Nacos /nɑ:kəʊs/ 是 Dynamic Naming and Configuration Service 的首字母简称，一个易于构建 AI Agent 应用的动态服务发现、配置管理和AI智能体管理平台。Nacos 致力于帮助您发现、配置和管理微服务及AI智能体应用。Nacos 提供了一组简单易用的特性集，帮助您快速实现动态服务发现、服务配置、服务元数据、流量管理。Nacos 帮助您更敏捷和容易地构建、交付和管理微服务平台。

Sublime Text

Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。