正则验证用户名和跨域postmessage

正则验证用户名


字母数字符号大小写8-14匹配用户名的
html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>formtitle>
head>
<body>
	<form action="web.php" method="post">
		<input type="text" name="name" required pattern="^[a-zA-Z0-9]{8,14}$">
		<input type="submit" value="sumbit">
		
	form>
 
body>
html>

postmessage

首先在windows上配置好虚拟主机，这样可以通过域名来访问

对两个网站分别进行以下配置


html>
<html lang="en">
 
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>2023title>
head>
 
<body>
    <div>
        <h1>www.example.comh1>
    div>
body>
<script>
    window.addEventListener('message', (event) => {
        if (event.origin === 'http://www.example1.com') {
            const cookieData = event.data;
            //处理cookieData
            console.log('Receive message from parent:', cookieData);
            window.parent.postMessage('child message', '*');
        }
    })
script>
html>

相关阅读:
PaddleOCR训练手写文字识别模型
【Python Web】Flask框架（三）CSS案例应用及样式模板的使用
算法基础13：数结构
设计模式 --- 工厂模式
FreeRTOS介绍和将FreeRTOS移植到STM32F103C8T6
redis数据一致性问题还稀里糊涂？看这篇就够了
Python实验项目7 ：tkinter GUI编程
QT 使用C++线程池运行Lambda自定义函数
【基础整理】Mapping representation 机器人所用地图种类及相关介绍
【UI编程】将Java awt/swing应用移植到JavaFX纪实

原文地址：https://blog.csdn.net/WangandTang/article/details/133683581