【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的 核心属性 ：

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

2. 实例使用

2.1 登录界面

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

2. 随后在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"); // 设置格式条件}

3. 随后对 按钮点击的槽函数 进行编写：
   • 点击提交按钮后，会弹出窗口显示用户的信息：

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界面进行如下布局：

2. 在widget.h中进行 槽函数等定义 ：

public:Widget(QWidget *parent = nullptr);~Widget();// 用于比较两文本框内容void comparePwd();private slots:// 按钮槽函数void on_pushButton_clicked();

3. 在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);}

4. 随后在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. 首先添加两个按钮，分别用于 将两文本框的密码可视化 ：

2. 分别编写两个按钮的槽函数，我们可以将可视化密码的代码封装为函数，首先在widget.h中添加如下函数：

public:// 可视化密码void togglePasswordVisibility();private slots:// 按钮槽函数void on_checkBox_1_toggled(bool checked);void on_checkBox_2_toggled(bool checked);

3. 后在widget.cc中对上面函数进行实现：

// 两checkBox 用于显示两文本框中的密码void Widget::togglePasswordVisibility(){bool showPassword1 = ui->checkBox_1->isChecked();bool showPassword2 = ui->checkBox_2->isChecked();ui->lineEdit_1->setEchoMode(showPassword1 " />::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）：是一种文本模式，用于匹配、搜索和替换文本中的字符串。

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

QRegExp regExp("^1\\d{10}$");

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);}

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);elseui->pushButton_verify->setEnabled(false);}