esp8266页面内输入,判断输入的值是不是123,是的话弹窗
时间: 2023-08-18 20:07:13 浏览: 51
您可以在ESP8266的Web服务器端使用Javascript来实现这个功能。以下是一个简单的示例代码:
```c++
#include <ESP8266WiFi.h>
#include <ESP8266WebServer.h>
ESP8266WebServer server(80);
void handleRoot() {
server.send(200, "text/html", "<html><head><script>function handleSubmit(form) {if (form.inputValue.value === '123') {alert('Input value is correct!');} else {alert('Input value is incorrect!');}return false;}</script></head><body><form onsubmit='return handleSubmit(this);'><input type='text' name='inputValue'><input type='submit' value='Submit'></form></body></html>");
}
void setup() {
WiFi.begin("your_SSID", "your_PASSWORD");
while (WiFi.status() != WL_CONNECTED) {
delay(1000);
}
server.on("/", handleRoot);
server.begin();
}
void loop() {
server.handleClient();
}
```
在这个例子中,`handleRoot()`函数会返回一个包含一个文本框和一个提交按钮的HTML表单。当用户在文本框中输入值并点击提交按钮时,Javascript代码会检查输入值是否等于“123”。如果是,则弹出一个提示框,显示“Input value is correct!”;否则,弹出一个提示框,显示“Input value is incorrect!”。
请注意,这种方法并不是非常安全,因为Javascript代码可以在客户端被修改。如果您需要更严格的输入验证,最好在服务器端进行验证。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)