用户验证,html+jQuery

这段代码展示了如何使用HTML和jQuery实现一个简单的用户注册表单验证,包括用户名、密码、年龄、性别和地址的选择。当用户填写信息并点击提交时,会根据预设规则进行验证,如用户名非空、密码长度限制、年龄范围等。此外,还有省份选择后的城市下拉列表动态填充功能,并提供了全选/全不选及批量删除功能。
摘要由CSDN通过智能技术生成

//用户验证,,用户名,密码,年龄,性别,住址,批量删除

//效果图如下


<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title></title>
        <style>
            td {
                text-align: center;
            }
        </style>
        <script src="../js/jquery-1.11.0.js"></script>
        <script>
            $(function() {
                var arr = [
                        ["东城","西城","崇文","宣武","朝阳","丰台","石景山","海淀","门头沟","房山","通州","顺义","昌平","大兴","平谷","怀柔","密云","延庆" ]
                        ,
                        ["哈尔滨","大庆","牡丹江","绥化","齐齐哈尔","鸡西","伊春","黑河","七台河","鹤岗","双鸭山","肇源","肇州","肇东"]
                        ,
                        ["长春","吉林","四平","辽源","通化","白山","松原","白城"]
                        ,
                        ["沈阳","大连","鞍山","抚顺","本溪","丹东","锦州","营口","阜新","辽阳","盘锦","铁岭","朝阳","葫芦岛"]
                        ];
                var flag1 = false;
                var flag2 = false;
                

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,我可以帮你解答这个问题。简易的登录页面可以使用HTML、JavaScript和JQuery来实现表单验证。 以下是一个简单的登录页面代码示例: ```html <!DOCTYPE html> <html> <head> <title>登录页面</title> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> </head> <body> <h1>登录</h1> <form> <label for="username">用户名:</label> <input type="text" id="username" name="username" required><br><br> <label for="password">密码:</label> <input type="password" id="password" name="password" required><br><br> <input type="submit" value="登录"> </form> <script> $(document).ready(function() { $('form').submit(function(event) { event.preventDefault(); var username = $('#username').val(); var password = $('#password').val(); if (username === 'admin' && password === 'admin') { alert('登录成功!'); } else { alert('用户名或密码错误!'); } }); }); </script> </body> </html> ``` 在这个示例中,我们使用了HTML来创建表单,包括用户名和密码的输入框,以及一个提交按钮。我们还添加了一个必填属性(`required`),以确保用户输入了必要的信息。 接下来,我们使用JQuery来获取表单的值,并使用JavaScript进行表单验证。在表单提交事件(`submit`)中,我们使用`event.preventDefault()`来阻止表单默认的提交行为。然后,我们获取用户名和密码,并将其与预设的用户名和密码进行比较。如果匹配成功,我们弹出一个成功的提示框,否则弹出一个错误提示框。 当然,这只是一个简单的示例,实际的表单验证可能需要更多的逻辑和安全性措施。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值