个人中心
gpt4 book ai didi

javascript - PHP/MySql用户注册，如何让想要注册的用户不使用相同的用户名？

转载 作者：行者123 更新时间：2023-11-29 21:10:42 24 4
gpt4 key购买 nike

我正在制作一个网页，我希望用户有一个用户名和密码，但我不希望用户名重复，我的数据库已经连接到我的网页和一个供他们使用的部分输入他们的信息，例如姓名、用户名、密码等

我需要有关如何警告用户输入另一个用户名(如果他们输入的用户名已被占用)的帮助。这是我的 HTML/PHP/MySQL 代码:

<!DOCTYPE html>
<html>
<head>
  <title>Skillfair</title>
  <meta charset="utf-8"/>
  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
  <link rel="stylesheet" type="text/css" href="stylesbd_o.css">
</head>
<body>
  <section id="header" class="jumbotron">
  <header class="container">
    <div class="row">
      <h2 class="col-sm-4">Database</h2>
      <nav class="col-sm-8 text-right">
          <p id="btnregister">Register</p>
          <!--antes estaba escrito newest en vez de register-->
        <p id="btncatalogo">Catalogue</p>
        <p id="btnlogin">Login</p>
          <!--antes estaba escrito contact en vez de login-->
          <p id="btncart">Cart</p>
      </nav> 
    </div>
  </header>
  </section>

     <!--Seccion de la parte del registro -->
    <section id="registro1"  class="container">
    <div id="registro">
    <div class="row">
    <figure class="col-sm-12">
    <form id="form1" name="form1" method="post" action="" onsubmit="return valido()">
            <fieldset class="col-sm-12">
           <h1>Register <span> now!</span></h1>
            <input name="username" type="text" placeholder="You must input your username" maxlength="20">    
            <input name="password" type="password" placeholder="You must input your password" maxlength="20">
            <input name="name" type="text" placeholder="You must input your name(s)" maxlength="20">                
            <input name="lastname" type="text" placeholder="You must input your lastname" maxlength="20">
            <input name="school" type="text" placeholder="You must input your school" maxlength="20">
            <input name="age" type="number" placeholder="You must input your age" maxlength="2">
            <input name="phone" type="tel" placeholder="You must input your phone number" maxlength="20">
            <input name="email" type="email" placeholder="You must input your email" maxlength="35">
            <button type="submit">Sent Data</button>
            <input id="reset" type="reset" value="Clear fields" id="reset">
            </fieldset>
        </form>
        <p id="sent">
        </figure>
    </div>
  </div>
  </section>

    <!--Seccion de la parte del catalogo -->
  <section  class="container">
    <div id="catalogo">
    <div class="row">
       <figure class="col-sm-6">
         <p>-kitchen</p>
         <img src="https://s3.amazonaws.com/codecademy-content/projects/make-a-website/lesson-4/kitchen.jpg"/>
       </figure>
       <figure class="col-sm-6">
         <p>-woodwork</p>
         <img src="https://s3.amazonaws.com/codecademy-content/projects/make-a-website/lesson-4/woodwork.jpg"/>
       </figure>     
    </div>
    <div class="row">
       <figure class="col-sm-6">
         <p>-gifts</p>
         <img src="https://s3.amazonaws.com/codecademy-content/projects/make-a-website/lesson-4/gifts.jpg"/>
       </figure>
       <figure class="col-sm-6">
         <p>-antiques</p>
         <img src="https://s3.amazonaws.com/codecademy-content/projects/make-a-website/lesson-4/antique.jpg"/>
       </figure>      
    </div>
  </div>
  </section>

  <footer class="container">
    <div class ="row">
      <p class="col-sm-4">&copy; 2016 Skillfair</p>
    </div>
  </footer>

    <!-- Faltan registros (javascript)-->
    <script type="text/javascript">
            function valido () {
                if(document.form1.username.value=="") {
                    alert ('You must input your username');
                    document.form1.username.focus();
                    return false;
                }   
                if(document.form1.password.value=="") {
                    alert ('You must input your password');
                    document.form1.password.focus();
                    return false;
                }   
                if(document.form1.name.value=="") {
                    alert ('You must input your name');
                    document.form1.name.focus();
                    return false;
                }   
                if(document.form1.lastname.value=="") {
                    alert ('You must input your last name');
                    document.form1.lastname.focus();
                    return false;
                }   
                if(document.form1.school.value=="") {
                    alert ('You must input your school');
                    document.form1.school.focus();
                    return false;
                }
                if(document.form1.age.value=="") {
                    alert ('You must input your age');
                    document.form1.age.focus();
                    return false;
                }
                if(document.form1.phone.value=="") {
                    alert ('You must input your phone number');
                    document.form1.phone.focus();
                    return false;
                }
                if(document.form1.email.value=="") {
                    alert ('You must input your email');
                    document.form1.email.focus();
                    return false;
                }
                    else {
                    alert ('Success!!');
                    return true;
                }
            }

            </script>

<script>
    /* script para la apertura y cierre del boton register */
$(document).ready(function(){
    $("#btnregister").click(function(){
       $("#registro").fadeToggle("slow");
       $("#catalogo").hide();
    });
    $("#registro").hide();

});
    /* script para la apertura y cierre del boton catalogo */
$(document).ready(function(){
    $("#btncatalogo").click(function(){
       $("#catalogo").fadeToggle("slow");
       $("#registro").hide();
    });
    $("#catalogo").hide();

});

</script>

    <?php
    //Connect to database
    mysql_pconnect('localhost:8889','xxxx','xxxx');
    //***********************
    //Select database
    mysql_select_db('users');
    //***********************
    //Insert data into database
    if (isset($_POST['username']))
    {
    $username=$_POST['username'];    
    $password=$_POST['password'];
    $name=$_POST['name'];
    $lastname=$_POST['lastname'];
    $school=$_POST['school'];
    $age=$_POST['age'];
    $phone=$_POST['phone'];
    $email=$_POST['email'];
    $cad="insert into users.data (username, password, name, lastname, school, age, phone, email) values ('".$username."','".$password."','".$name."','".$lastname."','".$school."','".$age."','".$phone."','".$email."') ";
    mysql_query($cad);
    }
    ?>


</body>
</html>

如果评论和其他一些内容是西类牙语，我很抱歉，因为我的代码最初是西类牙语，但我尝试尽可能多地翻译它，所以请，如果有人可以帮助我解决这个问题，那就是太棒了!!

最佳答案

您可以使用ajax 来实现该功能。只需将数据发布到 php 文件，该文件使用 ajax 检查重复项。

这是一个可以解决您的问题的示例。

HTML

<input type="text" id="user" name="user" disabled="true" required><br><span id="usererr"></span>

jquery代码

$("#user").keyup(function (e) {
    e.preventDefault();
    var user = $(this).val();
    var dataString = 'user=' + user;

    $.ajax({
        type: 'POST',
        url: 'checkusername.php',
        data: dataString,
        cache: false,
        success: function (html)
        {

            $("#usererr").html(html);

        }
    });
 });

PHP(代码 checkuser.php)

if($_POST)
{
 if(isset($_POST['user']))
 {
    $user= strtolower(sanitizeString($_POST['user']));

    $query="select * from users.data where username='".$user."'";
    $result=  mysql_query($query);
    if(mysql_num_rows($result)==0)
    {
        echo '<font color="green">Username is Available</font><br>';
    }
    else
    {
        echo '<font color="red">Username is already taken. Please select another username.</font><br>';
        echo '<script language="javascript">var user=document.getElementById("user");'
        . 'user.value="";</script>';
    }

 }
}

注意:mysql_* 函数已折旧且不再使用。我已根据您的需要提供了代码。强烈建议您升级到 mysqli_* 功能。

关于javascript - PHP/MySql用户注册，如何让想要注册的用户不使用相同的用户名？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/36389422/

24 4 0
文章推荐： javascript - 如何理解规范事件循环中任务队列未派发的事件？
文章推荐： android - 在 AOSP 中编译和部署各个组件
文章推荐： javascript - 将 Prop 传递给 map 中的温度文字
文章推荐： java - 崩溃 onLocationChanged() Android
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com