一、正则验证用户名
如果用户名输入合法, 则后面提示信息为 : 用户名合法
如果用户名输入不合法, 则后面提示信息为: 用户名不合法
<body>
<input type="text" class="uname"> <span>请输入用户名</span>
<script>
// 量词是设定某个模式出现的次数
var reg = /^[a-zA-Z0-9_-]{6,16}$/; // 这个模式用户只能输入英文字母 数字 下划线 短横线但是有边界符和[] 这就限定了只能多选1
var uname = document.querySelector('.uname');
var span = document.querySelector('span');
uname.onblur = function() {
if (reg.test(this.value)) {
console.log('正确的');
span.className = 'right';
span.innerHTML = '用户名合法';
} else {
console.log('错误的');
span.className = 'wrong';
span.innerHTML = '用户名不合法';
}
}
</script>
</body>
二、跨域postmessage
启动E:/前端/www/index.html和E:/前端/www/B.HTML进行信息跨越传递
<body>
<iframe src="D:\web\web04\web04.html" frameborder="0" id="frame" "load()"></iframe>
<script type="text/javascript">
function load(){
let frame = document.querySelector('#frame');
console.log(frame);
}
window.onmessage = function(e){
console.log(e.data)
}
</script>
</body>