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

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

2018-09-28 695

初学使用,不废话
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

616

在与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

578

资源下载

更多资源

优质分享App

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

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长，特征是大鼻子、头戴帽子、身穿背带裤，还留着胡子。与他的双胞胎兄弟路易基一起，长年担任任天堂的招牌角色。

Spring

Spring框架（Spring Framework）是由Rod Johnson于2002年提出的开源Java企业级应用框架，旨在通过使用JavaBean替代传统EJB实现方式降低企业级编程开发的复杂性。该框架基于简单性、可测试性和松耦合性设计理念，提供核心容器、应用上下文、数据访问集成等模块，支持整合Hibernate、Struts等第三方框架，其适用范围不仅限于服务器端开发，绝大多数Java应用均可从中受益。

Rocky Linux

Rocky Linux（中文名：洛基）是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版，作为CentOS稳定版停止维护后与RHEL（Red Hat Enterprise Linux）完全兼容的开源替代方案，由社区拥有并管理，支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性，采用模块化包装和SELinux安全架构，默认包含GNOME桌面环境及XFS文件系统，支持十年生命周期更新。