输入完按回车后即可验证!(自认为最简单!)

说明:IE6.0、IE7.0、IE8.0、Firefox/3.0.11下测试通过

作者原创!转载请说明出处:http://blog.csdn.net/xxd851116

【测试源码】:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> 验证数字最简单正则表达式大全 </title>
</head>
<body>
<h3>输入完按回车后即可验证!(自认为最简单!)</h3>
正整数:	<input type="text" size="20" οnkeydοwn="if(event.keyCode == 13) alert(/^\d+$/.test(this.value));" />
<br />
负整数:	<input type="text" size="20" οnkeydοwn="if(event.keyCode == 13) alert(/^-\d+$/.test(this.value));" />
<br />
整 数:	<input type="text" size="20" οnkeydοwn="if(event.keyCode == 13) alert(/^-?\d+$/.test(this.value));" />
<br />
正小数:	<input type="text" size="20" οnkeydοwn="if(event.keyCode == 13) alert(/^\d+\.\d+$/.test(this.value));" />
<br />
负小数:	<input type="text" size="20" οnkeydοwn="if(event.keyCode == 13) alert(/^-\d+\.\d+$/.test(this.value));" />
<br />
小 数:	<input type="text" size="20" οnkeydοwn="if(event.keyCode == 13) alert(/^-?\d+\.\d+$/.test(this.value));" />
<br />
实 数:	<input type="text" size="20" οnkeydοwn="if(event.keyCode == 13) alert(/^-?\d+(\.\d+)?$/.test(this.value));" />
<br />
保留1位小数:<input type="text" size="20" οnkeydοwn="if(event.keyCode == 13) alert(/^-?\d+(\.\d{1,1})?$/.test(this.value));" />
<br />
保留2位小数:<input type="text" size="20" οnkeydοwn="if(event.keyCode == 13) alert(/^-?\d+(\.\d{1,2})?$/.test(this.value));" />
<br />
保留3位小数:<input type="text" size="20" οnkeydοwn="if(event.keyCode == 13) alert(/^-?\d+(\.\d{1,3})?$/.test(this.value));" />
<br />
</body>
</html>


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: Qt QML是一种基于Qt框架的编程语言,用于开发跨平台的用户界面。在Qt QML中,可以很方便地创建用户登录界面,以下是一个按回车登录成功的简单示例: ```qml import QtQuick 2.15 import QtQuick.Controls 2.15 ApplicationWindow { title: "用户登录界面" visible: true width: 400 height: 300 // 创建一个输入框用于输入用户名 TextField { id: usernameField width: parent.width * 0.8 anchors.horizontalCenter: parent.horizontalCenter y: parent.height * 0.3 placeholderText: "请输入用户名" } // 创建一个输入框用于输入密码 TextField { id: passwordField width: parent.width * 0.8 anchors.horizontalCenter: parent.horizontalCenter y: parent.height * 0.4 placeholderText: "请输入密码" echoMode: TextInput.Password } // 创建一个按钮用于触发登录操作 Button { width: parent.width * 0.3 anchors.horizontalCenter: parent.horizontalCenter y: parent.height * 0.5 text: "登录" onClicked: { // 获取输入的用户名和密码 var username = usernameField.text var password = passwordField.text // 模拟登录验证 if (username === "admin" && password === "123456") { console.log("登录成功") } else { console.log("用户名或密码错误") } } } } ``` 以上是一个简单的用户登录界面的示例。用户在输入用户名和密码后,点击登录按钮即可触发登录操作。在代码中,使用了`TextField`组件来创建输入框,`Button`组件来创建按钮。当用户点击登录按钮时,会获取输入的用户名和密码,并根据一定的逻辑判断是否登录成功。如果用户名和密码匹配成功,则在控制台打印"登录成功",否则打印"用户名或密码错误"。 ### 回答2: Qt QML是一种用于创建跨平台用户界面的框架,对于用户登录界面,可以通过定义QML组件来实现。 首先,我们可以创建一个输入框,用于输入用户名和密码。可以使用TextField组件,并设置相应的属性和样式,例如: TextField { id: usernameInput placeholderText: "请输入用户名" } TextField { id: passwordInput placeholderText: "请输入密码" echoMode: TextInput.Password } 然后,我们可以创建一个按钮,用于登录操作。可以使用Button组件,并在点击事件中实现登录逻辑。例如: Button { id: loginButton text: "登录" onClicked: { // 进行登录验证 if (usernameInput.text === "admin" && passwordInput.text === "123456") { // 登录成功逻辑 console.log("登录成功"); } else { // 登录失败逻辑 console.log("登录失败"); } } } 最后,我们可以监听回车事件,当触发回车键时执行登录操作。可以使用Keys组件,并在onPressed事件中判断是否为回车键(对应的键码值为Qt.Key_Return)。例如: Keys.onPressed: { if (event.key === Qt.Key_Return) { loginButton.clicked(); // 执行登录按钮的点击事件 } } 通过以上的QML代码,用户可以在输入框中输入用户名和密码,点击登录按钮或按下回车即可进行登录操作。如果输入的用户名和密码匹配,会在控制台中显示"登录成功",否则显示"登录失败"。这样就成了一个基本的用户登录界面的实现。 ### 回答3: QT QML 是一个用于开发跨平台应用程序的框架,它提供了一套用于构建用户界面的 QML 语言。在用户登录界面中,我们可以使用 QML 来设计出简洁美观且具有交互性的界面。而按下回车即可触发登录成功的操作。 首先,在 QML 中,我们可以通过 `TextField` 组件来实现输入框,用户可以在此输入框中输入用户名和密码。同时,我们可以使用 `Text` 组件来显示提示信息,如“请输入用户名”和“请输入密码”。 其次,我们可以使用 `Keys.onPressed` 事件处理器来监听键盘的按键事件。当用户在输入用户名和密码后按下回车键,我们可以检查用户输入的用户名和密码是否与预设的登录信息匹配。如果匹配成功,则可以显示登录成功的提示,例如弹出一个对话框或在界面上显示一个文本。 最后,为了实现登录的功能,我们需要将用户输入的用户名和密码与后台数据进行比对。可以使用网络请求或者本地存储等方法来实现用户信息的验证、保存和读取。 总结来说,QT QML 的用户登录界面需要使用 QML 来设计界面,使用 `TextField` 组件获取用户输入,使用 `Text` 组件显示提示信息,使用 `Keys.onPressed` 事件监听回车键的按下,使用后台验证机制进行用户信息的验证,最终实现登录成功的提示信息。这样,用户可以通过按下回车键来轻松实现登录操作。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值