请选择 进入手机版 | 继续访问电脑版
开启辅助访问
帐号登录 |立即注册

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>



回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

友情链接
  • 艾Q网

    提供设计文章,教程和分享聚合信息与导航工具,最新音乐,动漫,游戏资讯的网站。