【Qt】输入类控件QLineEdit

目录

 输入类控件QLineEdit

例子：录入个人信息

例子：使用正则表达式验证输入框的数据

例子：验证俩次输入密码一致

例子：切换显示代码

 输入类控件QLineEdit

• QLineEdit 用来表示单行输入框，可以输入一段文本，但是不能换行

核心属性

text属性，不仅仅可以通过代码来设置，用户在输入框中进行编辑，也会影响到text值的变化

（1）通过代码中设置text，界面上的文本会发生变化

（2） 直接操作修改界面上的文本（输入框、可以编辑的），text属性的值也会发生改变。

placeHolderText可以起到“提示作用”

当输入框为空的时候，没有任何内容的时候，提示信息才会存在。

一旦用户在这里进行任何动作输入，这个提示信息就会消失。  

clearButtonEnabled可以显示清空按钮！

如果输入框为空，此时没有任何显示。

当输入框有内容的时候，右侧就会出现一个类似于删除的按钮，点击按钮就会立即将输入框里面的内容清空。 

核心信号

例子：录入个人信息

让用户输入信息：

（1）姓名

（2）密码

（3）性别

（4）电话

通过提交按钮，把上述内容给统一获取到

使用Qt Designer进行初步设计，并修改objectName

#include "widget.h"
#include "ui_widget.h"Widget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget)
{ui->setupUi(this);//初始化姓名输入框ui->lineEdit_name->setPlaceholderText("请输入姓名");ui->lineEdit_name->setClearButtonEnabled(true);//初始化密码输入框ui->lineEdit_password->setPlaceholderText("请输入密码");ui->lineEdit_password->setClearButtonEnabled(true);ui->lineEdit_password->setEchoMode(QLineEdit::Password);//初始化电话输入框ui->lineEdit_telephone->setPlaceholderText("请输入电话号码");ui->lineEdit_telephone->setClearButtonEnabled(true);ui->lineEdit_telephone->setInputMask("00000000000");
}Widget::~Widget()
{delete ui;
}void Widget::on_pushButton_clicked()
{QString gender = ui->radioButton_male->isChecked() ? "男" : "女";ui->label_information->setText("姓名：" + ui->lineEdit_name->text() + "\n""密码：" + ui->lineEdit_password->text() + "\n""性别：" + gender + "\n""电话号码：" + ui->lineEdit_telephone->text() + "\n");
}

例子：使用正则表达式验证输入框的数据

在上一个例子中，验证电话号码的方式是使用inputMask，其功能比较有限，只能进行简单的验证，假设你输入：9999999999都是验证成功。

此时就需要“正则表达式”

“正则表达式”式计算机中的通用概念，和具体的编程语言无关。

正则表达式，本质上就是一个带有特殊字符的字符串，特殊字符用来表示另一个字符串的特征，此时就可以借助正则表达式来描述一些具有一定特定的字符串。

        基于这些特点，就可以完成字符串的匹配。

正则表达式文档：

正则表达式语法https://learn.microsoft.com/zh-cn/previous-versions/visualstudio/visual-studio-2008/ae5bf541(v=vs.90)?redirectedfrom=MSDN正则表达式测试工具：

正则表达式测试工具https://regextester.buyaocha.com/

此处的规则是：输入框要检查输入的内容是否是合法的手机号码。

如果是，则按钮设置为可用状态。

如果不是，则设置为禁用状态。

（1）在界面上设置一个输入框和按钮

（2）将按钮初始enabled设置成false

（3）给输入框设置验证器

使⽤ QRegExpValidator 创建⼀个验证器对象. Qt 中内置了四个主要的验证器对象

"^1\\d{d}$"

这是一段简单的验证手机号码的正则表达式。

^ 表示以XXX开头。

^ 后面紧跟着数字1，意思就是以1开头。

\d 表示数字，为了在C++字符串中使用，需要写作 \\d

{10}表示前面的内容重复出现了10次，\d数字要重复出现10次。

$ 表示结尾。

这里只是注册了一个验证器，下面还需要编写代码进行验证器的使用。

 （4）给 lineEdit 添加 textEdited 信号的 slot 函数

• on_lineEdit_textEdited 的参数是当前输⼊框的内容.

• 通过 lineEdit->validator() 获取到内置的验证器.

• 通过 validate ⽅法验证⽂本是否符合要求

• 
• 第一个参数，是要验证的字符串，参数类型是QString&，不是const，需要将这个变量复制。
• 第⼆个参数是⼀个 int&, 是输出型参数. 当验证的字符串不匹配时, 返回这个字符串的⻓度. (没有什么实质作⽤).{在这段代码中，pos 在这里通常被设置为 0 是因为你想要从输入内容的起始位置开始进行验证。}
• 返回值是⼀个枚举. QValidator::Acceptable 表⽰验证通过, QValidator::Invalid 表⽰验证不通过.

#include "widget.h"
#include "ui_widget.h"#include<QRegExpValidator>Widget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget)
{ui->setupUi(this);//将按钮初始enabled设置为falseui->pushButton->setEnabled(false);//基于正则表达式进行验证QRegExp regExp("^1\\d{10}$");//给单行输入框设置验证器ui->lineEdit->setValidator(new QRegExpValidator(regExp));
}Widget::~Widget()
{delete ui;
}void Widget::on_lineEdit_textEdited(const QString &arg1)
{QString content = arg1;int pos = 0;if(ui->lineEdit->validator()->validate(content, pos) == QValidator::Acceptable){//验证通过ui->pushButton->setEnabled(true);}else{//验证不通过ui->pushButton->setEnabled(false);}
}

例子：验证俩次输入密码一致

使用textEdited信号，来触发对于俩个输入框内容的判定。

接下来，结合之前的知识，来一次整合！！！

（1）设置俩个输入框，三个文本框 

（2）编写代码 

#include "widget.h"
#include "ui_widget.h"Widget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget)
{ui->setupUi(this);//设置最上面的文本ui->label_1->setText("请设置密码：");//初始化第一个输入框ui->lineEdit_1->setPlaceholderText("请输入新密码");ui->lineEdit_1->setEchoMode(QLineEdit::Password);ui->lineEdit_1->setClearButtonEnabled(true);//设置第二个文本为空ui->label_2->setText(" ");//设置第二个输入框ui->lineEdit_2->setPlaceholderText("验证新密码");ui->lineEdit_2->setEchoMode(QLineEdit::Password);ui->lineEdit_2->setClearButtonEnabled(true);//设置迪桑文本为空ui->label_3->setText(" ");}Widget::~Widget()
{delete ui;
}void Widget::on_lineEdit_1_textEdited(const QString &arg1)
{(void) arg1;QString s1 = ui->lineEdit_1->text();QString s2 = ui->lineEdit_2->text();if(!s1.isEmpty()){ui->label_2->setText("密码正确");ui->label_2->setStyleSheet("color: green;");}
}void Widget::on_lineEdit_2_textEdited(const QString &arg1)
{(void) arg1;QString s1 = ui->lineEdit_1->text();QString s2 = ui->lineEdit_2->text();if(!s2.isEmpty()){if(s1 == s2){ui->label_3->setText("密码正确");ui->label_3->setStyleSheet("color: green;");}else{ui->label_3->setText("密码错误");ui->label_3->setStyleSheet("color: red;");}}
}

上述例子中，俩次的参数都没有使用。

但是编译器在检查的时候会提出警告，所以可以将在函数内部写出：

(void) arg1;

这个写法就是类型转换，这个写法对于代码的实际逻辑是没有任何影响的，可以骗过编译器。

例子：切换显示代码

代码展示：

#include "widget.h"
#include "ui_widget.h"Widget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget)
{ui->setupUi(this);//默认情况下，输入框以隐藏密码的形式显示ui->lineEdit->setEchoMode(QLineEdit::Password);
}Widget::~Widget()
{delete ui;
}void Widget::on_checkBox_toggled(bool checked)
{if(checked){//true，表示需要显示密码ui->lineEdit->setEchoMode(QLineEdit::Normal);}else{//false，表示需要隐藏密码ui->lineEdit->setEchoMode((QLineEdit::Password));}
}