首页 > 其他 > 详细

页面载入

时间:2020-12-20 10:45:28      阅读:25      评论:0      收藏:0      [点我收藏+]
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
</head>
<body>
<form action="">
    <p>username:
        <input type="text" id="d1">
        <span style="color: red"></span>
    </p>
    <p>password:
        <input type="password" id="d2">
        <span style="color: red"></span>
    </p>
    <input type="button" id="btn" value="注册">
</form>

<script>
    $(‘#btn‘).click(function () {
        // 获取用户输入的用户名和密码
        var userNameVal = $(‘#d1‘).val();
        var passWordVal = $(‘#d2‘).val();
        // 依次判断用户名和密码是否为空
        if(userNameVal.length===0){
            // 在username框后面的span标签中添加提示信息
            $(‘#d1‘).next().text(‘用户名不能为空‘)
        }
        if(passWordVal.length===0){
            $(‘#d2‘).next().text(‘密码不能为空 你个大帅比‘)
        }
    })
</script>
</body>
</html>

页面载入

原文:https://www.cnblogs.com/huaobin/p/14162602.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!