web蓝桥杯真题:蓝桥校园一卡通

2024-03-14 07:04

本文主要是介绍web蓝桥杯真题:蓝桥校园一卡通,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

代码:

submit.onclick = () => {// TODO 待补充代码const form_group = document.querySelectorAll('.form-group')const vail_name = document.querySelector('#vail_name')const vail_studentId = document.querySelector('#vail_studentId') //获取元素let nameReg = /^[\u4e00-\u9fa5]{2,4}$/    //名字正则if (!nameReg.test(studentName.value)) {form_group[0].classList.add('has-error')    //添加类名vail_name.style.display = 'block'    //修改样式}let idReg = /\d{1,12}$/    //学号正则if(!idReg.test(studentId.value)) {form_group[1].classList.add('has-error')vail_studentId.style.display = 'block'}if(nameReg.test(studentName.value) && idReg.test(studentId.value)) {item[0].innerText = `姓名:${studentName.value}`    //填写元素文本内容item[1].innerText = `学号:${studentId.value}`item[2].innerText = `学院:${college.value}`// 添加 showCard 类显示放大一卡通的动画,请勿删除cardStyle.classList.add('showCard') }
}

知识点:
1.正则匹配:

  • {n,m}:匹配前面的模式至少 n 次且不超过 m 次。

  • ^:匹配字符串的开头。

  • $:匹配字符串的结尾。

  • \d :[0~9] || 匹配一个数字 /^18\d{8}$/

  • \ :后加特殊字符

  • match()方法:返回一个数组,其中存放了与它找到的匹配文本有关的信息

    str.match(reg)
    var str="ih5sc01xss"; 
    var n=str.match(/[0-4]/g);
    console.log(n)      //[0,1]
  • test()方法:检查字符串是否与给出的正则表达式模式相匹配,返回Boolean

    reg.test(str)
    let reg = /^[\d]{2}$/g;
    let str = "12";
    console.log(reg.test(str));     //返回true
    let = "123";
    console.log(reg.test(str));     //从数字3开始匹配,只有一个数字,故返回false

2.元素添加类名:

element.classList.add('')

3.元素文本内容修改/填写:

element.innerText = ''

这篇关于web蓝桥杯真题:蓝桥校园一卡通的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/807585

相关文章

Java Web指的是什么

Java Web指的是使用Java技术进行Web开发的一种方式。Java在Web开发领域有着广泛的应用,主要通过Java EE(Enterprise Edition)平台来实现。  主要特点和技术包括: 1. Servlets和JSP:     Servlets 是Java编写的服务器端程序,用于处理客户端请求和生成动态网页内容。     JSP(JavaServer Pages)

BUUCTF靶场[web][极客大挑战 2019]Http、[HCTF 2018]admin

目录   [web][极客大挑战 2019]Http 考点:Referer协议、UA协议、X-Forwarded-For协议 [web][HCTF 2018]admin 考点:弱密码字典爆破 四种方法:   [web][极客大挑战 2019]Http 考点:Referer协议、UA协议、X-Forwarded-For协议 访问环境 老规矩,我们先查看源代码

EasyPlayer.js网页H5 Web js播放器能力合集

最近遇到一个需求,要求做一款播放器,发现能力上跟EasyPlayer.js基本一致,满足要求: 需求 功性能 分类 需求描述 功能 预览 分屏模式 单分屏(单屏/全屏) 多分屏(2*2) 多分屏(3*3) 多分屏(4*4) 播放控制 播放(单个或全部) 暂停(暂停时展示最后一帧画面) 停止(单个或全部) 声音控制(开关/音量调节) 主辅码流切换 辅助功能 屏

9.8javaweb项目总结

1.主界面用户信息显示 登录成功后,将用户信息存储在记录在 localStorage中,然后进入界面之前通过js来渲染主界面 存储用户信息 将用户信息渲染在主界面上,并且头像设置跳转,到个人资料界面 这里数据库中还没有设置相关信息 2.模糊查找 检测输入框是否有变更,有的话调用方法,进行查找 发送检测请求,然后接收的时候设置最多显示四个类似的搜索结果

JavaWeb【day09】--(Mybatis)

1. Mybatis基础操作 学习完mybatis入门后,我们继续学习mybatis基础操作。 1.1 需求 需求说明: 根据资料中提供的《tlias智能学习辅助系统》页面原型及需求,完成员工管理的需求开发。 通过分析以上的页面原型和需求,我们确定了功能列表: 查询 根据主键ID查询 条件查询 新增 更新 删除 根据主键ID删除 根据主键ID批量删除

利用Django框架快速构建Web应用:从零到上线

随着互联网的发展,Web应用的需求日益增长,而Django作为一个高级的Python Web框架,以其强大的功能和灵活的架构,成为了众多开发者的选择。本文将指导你如何从零开始使用Django框架构建一个简单的Web应用,并将其部署到线上,让世界看到你的作品。 Django简介 Django是由Adrian Holovaty和Simon Willison于2005年开发的一个开源框架,旨在简

web群集--nginx配置文件location匹配符的优先级顺序详解及验证

文章目录 前言优先级顺序优先级顺序(详解)1. 精确匹配(Exact Match)2. 正则表达式匹配(Regex Match)3. 前缀匹配(Prefix Match) 匹配规则的综合应用验证优先级 前言 location的作用 在 NGINX 中,location 指令用于定义如何处理特定的请求 URI。由于网站往往需要不同的处理方式来适应各种请求,NGINX 提供了多种匹

构建高性能WEB之HTTP首部优化

0x00 前言 在讨论浏览器优化之前,首先我们先分析下从客户端发起一个HTTP请求到用户接收到响应之间,都发生了什么?知己知彼,才能百战不殆。这也是作为一个WEB开发者,为什么一定要深入学习TCP/IP等网络知识。 0x01 到底发生什么了? 当用户发起一个HTTP请求时,首先客户端将与服务端之间建立TCP连接,成功建立连接后,服务端将对请求进行处理,并对客户端做出响应,响应内容一般包括响应

(javaweb)mysql---DDL

一.数据模型,数据库操作 1.二维表:有行有列 2. 3.客户端连接数据库,发送sql语句给DBMS(数据库管理系统),DBMS创建--以文件夹显示 二.表结构操作--创建 database和schema含义一样。 这样就显示出了之前的内容。

华为OD机试真题-学生方阵-2024年OD统一考试(E卷)

题目描述 学校组织活动,将学生排成一个矩形方阵。 请在矩形方阵中找到最大的位置相连的男生数量。这个相连位置在一个直线上,方向可以是水平的,垂直的,成对角线的或者呈反对角线的。 注:学生个数不会超过10000 输入描述 输入的第一行为矩阵的行数和列数, 接下来的 n行为矩阵元素,元素间用""分隔。 输出描述 输出一个整数,表示矩阵中最长的位