【Qt学习】QLineEdit 控件 属性与实例（登录界面，验证密码，正则表达式）

文章目录

  • 1. 介绍
  • 2. 实例使用
    • 2.1 登录界面
    • 2.2 对比两次密码是否相同
    • 2.3 通过按钮显示当前输入的密码（并对2.2进行优化）
    • 2.4 结语
  • 3. 正则表达式
    • 3.1 QRegExp
    • 3.2 验证输入内容
  • 4. 资源代码

1. 介绍

关于 QLineEdit 的详细介绍，可以去查阅官方文档，这里简单进行总结：

  1. QLineEdit是Qt框架中的一个类，用于创建单行文本输入框。
  2. 它允许用户输入和编辑单行文本，可以用于接受用户输入的各种数据，比如用户名、密码、搜索关键字等。
  3. QLineEdit提供了一些属性和方法来管理文本输入、校验输入内容以及响应用户操作。

下面是QLineEdit的 核心属性 ：

属性描述
text当前文本内容
placeholderText占位符文本，当输入框为空时显示
maxLength最大长度限制
inputMask输入掩码，限制输入格式
readOnly只读状态
alignment对齐方式
validator输入内容验证器
frame是否显示边框
echoMode输入内容显示模式（如密码模式）
cursorPosition光标位置
dragEnabled是否启用拖放
clearButtonEnabled是否显示清除按钮
modified文本内容是否被修改
cursorMoveStyle光标移动样式

根据上面的核心属性：用户可以设置输入框的默认文本、最大长度、输入掩码（用于限制输入格式）、校验器（用于验证输入的合法性）等。

2. 实例使用

2.1 登录界面

  1. 我们首先在Designer下进行如下 布局 ：

在这里插入图片描述

  1. 随后在widget.cpp 中的 构造函数 中对每个输入框进行属性设置：
Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);
    // 给每个输入框 设置相关属性
    ui->lineEdit_account->setPlaceholderText("输入账号/用户名"); // 设置默认提示信息
    ui->lineEdit_account->setClearButtonEnabled(true); // 设置一键删除

    ui->lineEdit_password->setPlaceholderText("输入密码");
    ui->lineEdit_password->setClearButtonEnabled(true);
    ui->lineEdit_password->setEchoMode(QLineEdit::Password); // 将显示模式设置为密码

    ui->lineEdit_email->setPlaceholderText("输入邮箱");
    ui->lineEdit_email->setClearButtonEnabled(true);
    ui->lineEdit_email->setInputMask("XXXXXXXXXXXXXXX.com"); // 设置格式条件
}
  1. 随后对 按钮点击的槽函数 进行编写：
    • 点击提交按钮后，会弹出窗口显示用户的信息：
void Widget::on_pushButton_clicked()
{
    QString account = ui->lineEdit_account->text();
    QString password = ui->lineEdit_password->text();
    QString email = ui->lineEdit_email->text();
    QString gender = ui->radioButton_male->isChecked() ? "男" : "女";

    // 创建一个弹出窗口来显示填入的信息
    QMessageBox msgBox;
    msgBox.setText("账号/用户名: " + account + "\n"
                  + "密码: " + password + "\n"
                  + "邮箱: " + email + "\n"
                  + "性别: " + gender);
    msgBox.exec();
}

结果演示：

请添加图片描述

2.2 对比两次密码是否相同

我们一般在网站创建用户，修改密码时，都会有两个密码框，让我们再次确认密码，这里就进行实现：

  1. 我们首先在Designer界面进行如下布局：

在这里插入图片描述

  1. 在widget.h中进行 槽函数等定义 ：
public:
    Widget(QWidget *parent = nullptr);
    ~Widget();
    // 用于比较两文本框内容
    void comparePwd();

private slots:
    // 按钮槽函数
    void on_pushButton_clicked();
  1. 在widget.cpp中在构造函数中设置两文本框属性 + 连接文本框与比较函数：
Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);

    // 给文本框设置相关模式
    ui->lineEdit_1->setEchoMode(QLineEdit::Password);
    ui->lineEdit_1->setClearButtonEnabled(true);

    ui->lineEdit_2->setEchoMode(QLineEdit::Password);
    ui->lineEdit_2->setClearButtonEnabled(true);
    ui->label->setText("密码为空");
	
	// 连接文本框的状态 与比较函数，用于实时传出两密码信息
    connect(ui->lineEdit_1, &QLineEdit::textEdited, this, &Widget::comparePwd);
    connect(ui->lineEdit_2, &QLineEdit::textEdited, this, &Widget::comparePwd);
}
  1. 随后在widget.cpp 中对上面的函数进行实现：
void Widget::comparePwd()
{
    // 比较两密码状态
    const QString& s1 = ui->lineEdit_1->text();
    const QString& s2 = ui->lineEdit_2->text();
    if(s1.isEmpty() && s2.isEmpty()){
        ui->label_prompt->setText("密码为空");
        ui->pushButton->setEnabled(false);
    }else if(s1 == s2){
        ui->label_prompt->setText("两次密码一致");
        ui->pushButton->setEnabled(true);
    }else{
        if (s1.isEmpty()) {
            ui->label_prompt->setText("第一个密码为空");
        } else if (s2.isEmpty()) {
            ui->label_prompt->setText("第二个密码为空");
        } else {
            ui->label_prompt->setText("两次密码不一致");
        }
        ui->pushButton->setEnabled(false);
    }
}

void Widget::on_pushButton_clicked()
{
	// 提取密码，弹出对话框显示密码
    QString Password =  ui->lineEdit_1->text();

    QMessageBox msgBox;
    msgBox.setText("您设置的密码为: " + Password);
    msgBox.exec();
}

对于上面的代码，(void) arg1 的作用：为了避免编译器产生未使用变量的警告。

结果演示：

请添加图片描述

2.3 通过按钮显示当前输入的密码（并对2.2进行优化）

我们在网站中输入密码时，一般允许点击按钮来显示当前密码，这里用一个checkBox（复选框）来进行这样的功能：（在例2.2的前提下继续编写）

  1. 首先添加两个按钮，分别用于 将两文本框的密码可视化 ：

在这里插入图片描述

  1. 分别编写两个按钮的槽函数，我们可以将可视化密码的代码封装为函数，首先在widget.h中添加如下函数：
public:
    // 可视化密码
    void togglePasswordVisibility();

private slots:
	// 按钮槽函数
	void on_checkBox_1_toggled(bool checked);
    void on_checkBox_2_toggled(bool checked);
  1. 后在widget.cc中对上面函数进行实现：
// 两checkBox 用于显示两文本框中的密码
void Widget::togglePasswordVisibility()
{
    bool showPassword1 = ui->checkBox_1->isChecked();
    bool showPassword2 = ui->checkBox_2->isChecked();

    ui->lineEdit_1->setEchoMode(showPassword1 ? QLineEdit::Normal : QLineEdit::Password);
    ui->lineEdit_2->setEchoMode(showPassword2 ? QLineEdit::Normal : QLineEdit::Password);

    comparePwd(); // 每次切换密码可视化状态时重新比较密码
}


void Widget::on_checkBox_1_toggled(bool checked)
{
    togglePasswordVisibility();
}

void Widget::on_checkBox_2_toggled(bool checked)
{
    togglePasswordVisibility();
}

结果演示：

请添加图片描述

2.4 结语

我们可以将登录界面与 后两个例子的内容结合， 完善出一个 “登录界面” 的功能。

3. 正则表达式

正则表达式（Regular Expression）：是一种文本模式，用于匹配、搜索和替换文本中的字符串。

下面列举了一些常见的正则表达式内容及其含义：

正则表达式含义
.匹配任意单个字符
^匹配字符串的开头
$匹配字符串的结尾
*匹配前面的字符零次或多次
+匹配前面的字符一次或多次
?匹配前面的字符零次或一次
[]匹配一组中括号中的任意一个字符
[^]匹配除了中括号中指定的字符之外的任意一个字符
()捕获匹配的字符串，以供后续使用

3.1 QRegExp

QRegExp是Qt中用于处理正则表达式的类，它提供了一系列函数用于匹配、搜索和替换文本中的字符串。

  • 下面列举了 QRegExp 类的一些常用接口函数及其作用：
接口函数作用
QRegExp(const QString &pattern)构造函数，使用给定的正则表达式模式初始化 QRegExp 对象
exactMatch(const QString &str)检查给定的字符串是否与正则表达式完全匹配
indexIn(const QString &str, int offset = 0)在给定的字符串中搜索正则表达式的第一个匹配项，并返回其位置
pos()返回最后一次匹配的子串在字符串中的起始位置
matchedLength()返回最后一次匹配的子串的长度
capturedTexts()返回最近一次匹配操作中捕获的所有子串
replace(QString *str, const QString &after)使用给定的字符串替换匹配正则表达式的第一个子串
globalReplace(QString *str, const QString &after)使用给定的字符串替换匹配正则表达式的所有子串

下面进行实例：

3.2 验证输入内容

这里主要用 QRegExp验证 输入框中输入的内容是否合法

比如，验证输入的手机号是否合法：

  1. 首先简单在Designer界面如下布局：

在这里插入图片描述

  1. 在widget.cc的构造函数中写下面的代码：
QRegExp regExp("^1\\d{10}$");

解释： 用于匹配中国大陆手机号码的正则表达式。

  • ^ 表示字符串的开始
  • 1 表示手机号码必须以数字1开头
  • \\d 表示任意数字
  • {10} 表示前面的\d必须出现10次，即手机号码应该是11位数
  • $ 表示字符串的结束

该正则表达式可以匹配所有以数字1开头，且后面跟着10个数字的字符串，符合国内手机号码的格式。

  1. 继续补充代码：
Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);
    
    QRegularExpression regExp("^1\\d{10}$");
    QValidator *validator = new QRegularExpressionValidator(regExp, this);
    ui->lineEdit_number->setValidator(validator);
}

解释：

  • QValidator 是 Qt 提供的用于验证用户输入的基类，QRegExpValidator 是 QValidator 的子类，用于基于正则表达式对用户输入进行验证。

  1. 随后直接对 文本框 进行槽函数的编写：

    • textEdited用于相应文本框中的变化，texdtChanged 与 textEdited 两者功能类似：
      在这里插入图片描述

  2. 在槽函数中编写 验证的代码：


void Widget::on_lineEdit_number_textEdited(const QString &arg1)
{
    QString content = text; // 获取文本框内容
    int pos = 0;
    if(ui->lineEdit_number->validator()->validate(content, pos) == QValidator::Acceptable)
        ui->pushButton_verify->setEnabled(true);
    else
        ui->pushButton_verify->setEnabled(false);
}

对于if语句中的内容：

这行代码是在检查用户输入的内容是否符合 QLineEdit 中设置的验证器（validator）的要求。具体来说，这行代码做了以下操作：

  1. ui->lineEdit_number->validator()：获取 QLineEdit 中设置的验证器对象。
  2. validate(content, pos)：通过验证器对给定的 content 内容进行验证，pos 是一个输出参数，表示验证通过后的位置信息。
  3. QValidator::Acceptable：表示验证器接受（Acceptable）给定的内容。

因此，整个条件判断的含义是：如果用户输入的 content 内容经过 lineEdit_number 的验证器验证后被认为是可接受的（Acceptable），则条件成立。

结果演示：

请添加图片描述

4. 资源代码

上文中涉及的所有代码等资源👇：

2.1 QLineEdit的使用 - 简单的登录界面
2.2 / 2.3 QLineEdit的使用 - 密码验证
3.1 QLineEdit的使用 - 正则表达式与QRegExp

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：/a/402905.html

如若内容造成侵权/违法违规/事实不符，请联系我们进行投诉反馈qq邮箱809451989@qq.com，一经查实，立即删除！

相关文章

Web安全之浅见

Web安全之浅见

备注：这是我在2017年在自己的网站上写的文章，今天迁移过来。 昨天去参加了公司组织的一个关于网络安全的培训，了解了很多关于网络安全方面的知识，也才意识到网络安全是一项极其重要的领域。 本篇文章主要聊聊Web安全。不过我对于网…
阅读更多...
vue3使用pinia-plugin-persistedstate 持久化不生效的问题

vue3使用pinia-plugin-persistedstate 持久化不生效的问题

如下图所示，需要在路由拦截器里面写。不然一个都不生效。 【即使以前生效的，在下图【红框】中定义一下，也会失效。得挪到路由拦截器里面才行】 终于出来了
阅读更多...
【GPTs分享】每日GPTs分享之Canva

【GPTs分享】每日GPTs分享之Canva

简介 Canva，旨在帮助用户通过Canva的用户友好设计平台释放用户的创造力。无论用户是想设计海报、社交媒体帖子还是商业名片，Canva都在这里协助用户将创意转化为现实。 主要功能 设计生成：根据用户的描述和创意需求，生成定制的设…
阅读更多...
MyBatis-Plus 优雅实现数据加密存储

MyBatis-Plus 优雅实现数据加密存储

文章目录 前言一、数据库字段加解密实现1. 定义加密类型枚举2. 定义AES密钥和偏移量3. 配置定义使用的加密类型4. 加密解密接口5. 解密解密异常类6. 加密解密实现类6.1 AES加密解密实现类6.2 Base64加密解密实现类 7. 实现数据库的字段保存加密与查询解密处理类8. MybatisPlus配…
阅读更多...
Sora热潮下，如何充分利用AI减少人工测试需求？

Sora热潮下，如何充分利用AI减少人工测试需求？

近日，OpenAI发布视频生成模型Sora，再次引发全球科技圈讨论热潮。Sora可以根据用户输入的简短文本指令，生成长达1分钟的高清视频，视频画面具有真实感，带有些许电影质感。 根据IDC的预测，未来五年内&#xff…
阅读更多...
Java项目：20 基于SSM实现的支教管理系统

Java项目：20 基于SSM实现的支教管理系统

作者主页：舒克日记 简介：Java领域优质创作者、Java项目、学习资料、技术互助 文中获取源码 项目介绍 ssm支教管理系统（前台后台） 前台角色：支教学校志愿者 支教学校功能模块：支教学校查询报名职位发布已…
阅读更多...
Android横竖屏切换configChanges=“screenSize|orientation“避免activity销毁重建，Kotlin

Android横竖屏切换configChanges=“screenSize|orientation“避免activity销毁重建，Kotlin

Android横竖屏切换configChanges"screenSize|orientation"避免activity销毁重建，Kotlin 如果不在Androidmanifest.xml设置activity的： android:configChanges"screenSize|orientation" 那么，每次横竖屏切换activity都会…
阅读更多...
【鸿蒙 HarmonyOS 4.0】数据持久化

【鸿蒙 HarmonyOS 4.0】数据持久化

一、数据持久化介绍 数据持久化是将内存数据(内存是临时的存储空间)，通过文件或数据库的形式保存在设备中。 HarmonyOS提供两种数据持久化方案： 1.1、用户首选项（Preferences）： 通常用于保存应用的配置信息。数据通…
阅读更多...
如何使用Express框架构建一个简单的Web应用

如何使用Express框架构建一个简单的Web应用

在这个数字化时代，Web应用的需求越来越多样化和复杂化。在前端开发领域，Express框架作为一个快速、灵活的Node.js Web应用程序框架，拥有强大的功能和丰富的生态系统，深受开发者们的青睐。本篇博客将带您一步步探索如何使用Express…
阅读更多...
JS进阶——解构赋值

JS进阶——解构赋值

数组解构 基本： let [a, b, c] [1, 2, 3]; // a 1 // b 2 // c 3 可嵌套 let [a, [[b], c]] [1, [[2], 3]]; // a 1 // b 2 // c 3 可忽略 let [a, , b] [1, 2, 3]; // a 1 // b 3 不完全解构 let [a 1, b] []; // a 1, b undefined 剩余运…
阅读更多...
LLMChain使用 | RouterChain的使用 - 用本地大模型搭建多Agents

LLMChain使用 | RouterChain的使用 - 用本地大模型搭建多Agents

单个本地大模型搭建参考博客 单个Chain：面对一个需求，我们需要创建一个llmchain，设置一个prompt模板，这个chain能够接收一个用户input，并输出一个结果；多个Chain：考虑到同时面对多个需求&#x…
阅读更多...
【计算机网络】网络基础知识

【计算机网络】网络基础知识

一. 网络发展史 独立模式（单机模式）：计算机之间相互独立，各自拥有独立的数据。 网络互连：将多台计算机连接在一起，完成数据共享。 随着时代的发展，越来越需要计算机之间进行互相通信&#…
阅读更多...
#1.4w字长文#仿抖音项目架构设计与实现

#1.4w字长文#仿抖音项目架构设计与实现

一、项目介绍 本文介绍了一个Web端短视频应用，致力于为用户提供交互友好、功能完备的短视频浏览体验和直播体验。 集成了Gorse推荐算法，旨在为用户提供更个性化的推荐视频流和更权威的热门视频流。接入大模型，通过对视频内容进行语言分析&a…
阅读更多...
旧物回收小程序开发，开启绿色生活新篇章

旧物回收小程序开发，开启绿色生活新篇章

随着科技的发展和人们生活水平的提高，物质生活的丰富带来了大量的废弃物。如何合理处理这些废弃物，实现资源的再利用，已成为社会关注的焦点。旧物回收小程序的开发与应用，为这一问题提供了有效的解决方案。本文将探讨旧物回收小程…
阅读更多...
洛谷C++简单题小练习day14—闰年推算小程序

洛谷C++简单题小练习day14—闰年推算小程序

day14--闰年推算小程序--2.18 习题概述 题目描述 输入 x,y，输出 [x,y] 区间中闰年个数，并在下一行输出所有闰年年份数字，使用空格隔开。 输入格式 输入两个正整数 x,y，以空格隔开。 输出格式 第一行输出一个正整数&#xf…
阅读更多...
C++笔记：OOP三大特性之多态

C++笔记：OOP三大特性之多态

前言 本博客中的代码和解释都是在VS2019下的x86程序中进行的，涉及的指针都是 4 字节，如果要其他平台下测试，部分代码需要改动。比如：如果是x64程序，则需要考虑指针是8bytes问题等等。 文章目录 前言一、多态的概念二、…
阅读更多...
Linux网络编程(三-UDP协议)

Linux网络编程(三-UDP协议)

目录 一、UDP概述 二、UDP的首部格式 三、UDP缓冲区 四、基于UDP的应用层协议 五、常见问题 一、UDP概述 UDP(User Datagram Protocol，用户数据协议报)是传输层协议，提供不可靠服务，其特点包括： 无连接：知道对端…
阅读更多...
探针类型、方式及实验

探针类型、方式及实验

目录 1、tcpSocket方式 2、就绪检测 3、就绪检测2 4、启动、退出动作 5、探针 5.1探针的三种类型 5.2探针的三种方式 1、tcpSocket方式 vim tcpsocket.yaml apiVersion: v1 kind: Pod metadata:name: probe-tcp spec:containers:- name: nginximage: soscscs/myapp:v1live…
阅读更多...
300分钟吃透分布式缓存-10讲：MC是怎么定位key的?

300分钟吃透分布式缓存-10讲：MC是怎么定位key的?

我们在进行 Mc 架构剖析时，除了学习 Mc 的系统架构、网络模型、状态机外，还对 Mc 的 slab 分配、Hashtable、LRU 有了简单的了解。本节课，将进一步深入学习这些知识点。 接下来，进入 Memcached 进阶的学习。会讲解 Mc 是如何进行…
阅读更多...
UIKit 在 UICollectionView 中拖放交换 Cell 视图的极简实现

UIKit 在 UICollectionView 中拖放交换 Cell 视图的极简实现

概览 UIKit 中的 UICollectionView 视图是我们显示多列集合数据的不二选择，而丰富多彩的交互操作更是我们选择 UICollectionView 视图的另一个重要原因。 如上图所示：我们实现了在 UICollectionView 中拖放交换任意两个 Cell 子视图的功能，这…
阅读更多...
最新文章

Copyright @ 2022~2023