PHP动态网站设计—— 用户注册页面的前端验证设计

注册页面的版面制作，我们在这里省略了，主要在表单中需要做以下验证设计：
<form action= ”postReg. php" method=" post"
以下为check()验证函数的设计：
<script>
function check(){
//获取DOM元素输入值，并去空格
let username = document . getELementsByName( 'username ')[0].value. trim();
let pw = document. getElementsByName('pw' )[0].value. trim();
let cpw = document . getELementsByName('cpw ')[0].value . trim();
let email = document . getELementsByName ( ' email' )[0].value. trim();

//用户名验证（使用正则表达式匹配验证）
let usernameReg = /^[a-zA-Z8-9]{3,10}$/;
if(!usernameReg. test(username)){
alert('用户名必填，且只能大小写字符和数字构成，长度为3到10个字符! ' );
return false;
}
let pwreg = /^[a-ZA-Z0-9_ *]{6,10}$/;
if(! pwreg. test(pw)){
alert('密码必填，且只能大小写字符和数字，以及*、_构成， 长度为6到10个字符! ' );
return false;
}
else{
if(pw!=cpw){
alert('密码和确认密码必须相同!‘)
return false;
}
}
let emailReg = /^[a-ZA-Z0-9 \-]+@(a-zA-Z0-9+\.)+(comIcn Inetlorg)$/;
if(!emailReg. test (email){
alert('信箱格式不正确! ' )
return false;
}
return true ;


}
</script>