zoukankan      html  css  js  c++  java
  • JQuery实例

    已经经过测试,可以账密为空的时候提示账密不能为空
    <!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>
    
    <p><label for="i1"><input type="text" id='i1' name="username"><span id='s1'></span></label></p>
    <p><label for="i2"><input type="password" id='i2' name="password"><span id='s2'></span></label></p>
    <input type="submit" value="注册" id='d1'>
    
    <script>
        var d1Ele = $('#d1');
        var $username = $('#i1');
        var $password = $('#i2');
        d1Ele.on('click', function () {
            if ($username.val().length === 0) {
                $('#s1').text('用户名不能为空')
            }
            if ($password.val().length === 0) {
                $('#s2').text('密码不能为空')
            }
            return false //取消提交按钮之后的刷新操作
        });
        $username.on('focus',function () {
            $('#s1').text('');
            $('#s2').text('')
    
    
        });
        $password.on('focus',function () {
            $('#s1').text('');
            $('#s2').text('')
    
    
        });
    </script>
    </body>
    </html>
    
  • 相关阅读:
    【bzoj2242】[SDOI2011]计算器
    1109解题报告
    【bzoj3239】Discrete Logging
    【bzoj2480】Spoj3105 Mod
    【POJ1811】Prime Test
    【bzoj3667】Rabin-Miller算法
    【HDU2138】How many prime numbers
    卢卡斯定理
    线段树2
    畅快的甩卖
  • 原文地址:https://www.cnblogs.com/ruhai/p/10975563.html
Copyright © 2011-2022 走看看