正则验证用户名和跨域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>

相关阅读:
AI人工智能入门-概念介绍和学习路线
新建路由的过程vue-router4
Protobuf简介及其在C++中的使用
C语言基础知识：内存分配
JavaFX：Insets在控件中使用简例
01.自动化交易综述
AI全流程开发难题破解之钥
基于javaweb+mysql数据库实现的学生选课管理系统项目源代码
模电专题-PN结
C#/.NET/.NET Core编程技巧练习集（学习，实践干货）

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