gpt4 book ai didi

php - 使用提交按钮的 AJAX 实时检查可用性

转载 作者:行者123 更新时间:2023-11-29 02:23:39 24 4
gpt4 key购买 nike

  • test1.php

    <html>
    <head>
    <script type="text/javascript" src="js/jquery-1.11.1.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
    $('#username').change(function(){
    var userName = $('#username').val();

    $.post("getUserName.php", {userName: userName}, function(data){
    $("#userNameCheck").html(data);
    });
    });

    $('#submit').click(function(){
    //CODE HERE

    });
    });
    </script>
    </head>

    <body>
    <form action="" method="post" id="addform">
    Username: <input type="text" name="username" id="username" size="24" class="required" maxlength="22" />
    <div id="userNameCheck"></div>
    <input type="submit" id="submit" name="submit" value="ADD user" />
    </form>
    </body>
    </html>
  • getUserName.php

    <?php
    include("db.php");

    $userName = $_POST['userName'];
    $q = "select user_name from user where user_name = '".$userName."'";
    $r = mysqli_query($dbc, $q);

    $num = mysqli_num_rows($r);

    if($num)
    {
    echo '<div style="color:red">Username taken. Please type another new one.
    </div>';
    }
    else
    {
    echo '<div style="color:green">You can use it.</div>';
    }
    ?>
  • 数据库(用户表)

    user_id 用户名
    1 阿里
    2 阿布

  • 从上面:
    => 在文本框中键入“ali” -> 以绿色显示“您可以使用它”消息。
    => 在文本框中键入 ahmad -> 以红色显示“用户名已被占用...”消息。

  • 我的要求是如果消息是“您可以使用它”,则转到 test2.php;如果消息是“Username taken...”,则不提交表单。

  • 我的问题是,当我点击提交按钮时,如何控制“您可以使用它”或“用户名已被占用”消息?

最佳答案

不使用按钮的点击处理程序,而是使用表单提交事件。

$(document).ready(function () {
$('#username').change(function () {
var userName = $('#username').val();

$.post("getUserName.php", {
userName: userName
}, function (data) {
$("#userNameCheck").html(data);
});
});

$('#addform').submit(function () {
//if the text is `You can use it` allow the form submit else block it
return $("#userNameCheck").html().trim() == 'You can use it';
});
});

还要确保您在 test2.php 中执行相同的验证,因为客户端验证可以旁路执行。

关于php - 使用提交按钮的 AJAX 实时检查可用性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27118629/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com