ajax 运用

最新推荐文章于 2024-08-08 10:33:11 发布

柚子__cao

最新推荐文章于 2024-08-08 10:33:11 发布

阅读量102

点赞数

分类专栏： ajax 前端文章标签： html ajax

本文链接：https://blog.csdn.net/weixin_40870698/article/details/105325060

版权

前端同时被 2 个专栏收录

2 篇文章 0 订阅

订阅专栏

ajax

1 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/jquery-3.3.1.min.js"></script>
    <script>
        $(function () {
            $("#username").blur(function () {
               var username = $(this).val();
               $.get("findUserServlet",{username:username},function (data) {
                   var span = $("#s_username");
                   if(data.userExist){
                       span.css("color","red");
                       span.html(data.msg);
                   }else{
                       span.css("color","green");
                       span.html(data.msg);
                   }
               });
            });
        });


    </script>

</head>
<body>

<form>
    <input type="text" id="username" name="username" placeholder="请输入账号"> <br>
    <span id="s_username"></span><br>
    <input type="text" name="username" placeholder="请输入账号"> <br>
    <input type="submit" value="注册">


</form>

</body>
</html>

柚子__cao

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ajax 运用

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="js/jquery-3.3.1.min.js"></script> <...
复制链接

扫一扫

专栏目录