一个简单的注册(不完全)

一个简单的注册(不完全)
html中的

4-11作业
<tr>
    <td width="132" align="right">名称:</td>
    <td><input type="text" id="ming" name="date" "checkemingzi()" "checkemingzi()"/>
    <span id="mingcheng"></span></td>
</tr>
<tr>
    <td width="132" align="right">性别:</td>
    <td><input type="radio" name="xingbie"value="ds" checked="checked">男<input type="radio" name="xingbie">女</td>
</tr>
<tr>
    <td width="132" align="right">爱好:</td>
    <td><input type="checkbox" id="yinyue" "checkaihao()"/>听音乐<input type="checkbox" id="dianying" "checkaihao()"/>看电影<input type="checkbox" id="kandianshi" "checkaihao()"/>看电视<span id="aihao" style="color: red"></span></td>
</tr>
<tr>
    <td width="132" align="right">电话:</td>
    <td><input type="text" id="phone" name="date" "checkephone()" "checkephone()"/>
    <span id="dianhua"></span></td>
</tr>
<tr>
    <td width="132" align="right">邮箱:</td>
    <td><input type="text" id="email" name="email" "checkemail()" "checkemail()"/>
    <span id="youxiang"></span></td>
</tr>
<tr>
    <td width="132"></td>
    <td><input type="submit" value="立即注册" "checkform()" style="width: 120px"/></td>
</tr>
账号:
密码:
确认密码:

js中的
function checkform() {
var username=document.getElementById(‘name’).value;
if(username==""){
document.getElementById(‘zhanghao’).innerHTML=“账号不能为空”
return false;
}else{
for(var i=0;i<username.length;i++){
var shu=username.substring(i,i+1);
if(!(shu>=‘a’ && shu<=‘z’) && !(shu>=‘A’ && shu<=‘Z’) && !(shu>=‘1’ && shu<=‘9’) && shu!=’_’){
document.getElementById(‘zhanghao’).innerHTML=“账号应由字母、数字、下划线组成组成”;
return false;
}
}
}
var userpass=document.getElementById(‘pass’).value;
var userapass=document.getElementById(‘apass’).value;
if(userpass==""){
document.getElementById(‘mima’).innerHTML=‘密码不能为空’;
document.getElementById(‘pass’).style.border=‘1px solid red’;
return false;
}else{
document.getElementById(‘mima’).innerHTML=’’;
if(userpass.length<6 || userpass.length>12){
document.getElementById(‘mima’).innerHTML=“密码长度应在6-12之间”
return false;
}else {
document.getElementById(‘pass’).style.border=‘1px solid #a9a9a9’;
document.getElementById(‘mima’).innerHTML=’’;
document.getElementById(‘apass’).style.border=‘1px solid red’;
if(userpass!=userapass){
document.getElementById(‘zaimima’).innerHTML=“两次密码不一致”
return false;
}else {
document.getElementById(‘apass’).style.border=‘1px solid #a9a9a9’;
document.getElementById(‘zaimima’).innerHTML="";
return false;
}
}
}
var yinyue=document.getElementById(‘yinyue’).checked;
var dianying=document.getElementById(‘dianying’).checked;
var kandianshi=document.getElementById(‘kandianshi’).checked;
if(kandianshitrue ||dianyingtrue ||yinyue==true){
document.getElementById(‘aihao’).innerHTML="";
return false
}else{
document.getElementById(‘aihao’).innerHTML=" 爱好必须有一个"
return false
}

var useremail=document.getElementById('email').value;
if(useremail==""){
    document.getElementById('youxiang').innerHTML='邮箱不能为空';
    document.getElementById('email').style.border='1px solid red';
    return false;
}else {
    document.getElementById('youxiang').innerHTML="";
    if(useremail.indexOf("@")==-1){
        document.getElementById('youxiang').innerHTML="邮箱中必须有@字符";
        return false;
    }else {
        document.getElementById('youxiang').innerHTML="";
        if((useremail.split("@").length-1)>1){
            document.getElementById('youxiang').innerHTML="邮箱中@符号只能出现一次";
            return false;
        }else {
            document.getElementById('youxiang').innerHTML="";
            if(useremail.charAt(0)=="@" || useremail.charAt(useremail.length-1)=="@"){
            document.getElementById('youxiang').innerHTML="邮箱中@字符不能出现在首尾的位置"
                return false;
        }else {
                document.getElementById('youxiang').innerHTML="";
                if(useremail.substring(useremail.length-4)!=".com" || useremail.substring(useremail-5)=="@.com"){
                    document.getElementById('youxiang').innerHTML="格式不正确  eg:aaaa@qq.com";
                    return false;
                }else {
                    document.getElementById('youxiang').innerHTML=""
                    document.getElementById('email').style.border='1px solid #a9a9a9';
                }
            }
        }
    }
}

}
function checkname() {
var username=document.getElementById(‘name’).value;
if(username==""){
document.getElementById(‘zhanghao’).innerHTML=“账号不能为空”
document.getElementById(‘name’).style.border=‘1px solid red’;
}else{
for(var i=0;i<username.length;i++){
var shu=username.substring(i,i+1);
if(!(shu>=‘a’ && shu<=‘z’) && !(shu>=‘A’ && shu<=‘Z’) && !(shu>=‘1’ && shu<=‘9’) && shu!=’’){
document.getElementById(‘zhanghao’).innerHTML=“账号应由字母、数字、下划线组成”;
return false;
}else {
document.getElementById(‘zhanghao’).innerHTML="";
document.getElementById(‘name’).style.border=‘1px solid #a9a9a9’
}
}
}
}
function checkpass() {
var userpass=document.getElementById(‘pass’).value;
var userapass=document.getElementById(‘apass’).value;
if(userpass==""){
document.getElementById(‘mima’).innerHTML=‘密码不能为空’;
document.getElementById(‘pass’).style.border=‘1px solid red’;
}else{
document.getElementById(‘mima’).innerHTML=’’;
if(userpass.length<6 || userpass.length>12){
document.getElementById(‘mima’).innerHTML=“密码长度应在6-12之间”
}else {
document.getElementById(‘pass’).style.border=‘1px solid #a9a9a9’;
document.getElementById(‘mima’).innerHTML=’’;
document.getElementById(‘apass’).style.border=‘1px solid red’;
if(userpass!=userapass){
document.getElementById(‘zaimima’).innerHTML=“两次密码不一致”
}else {
document.getElementById(‘apass’).style.border=‘1px solid #a9a9a9’;
document.getElementById(‘zaimima’).innerHTML=""
}
}
}
}
function checkemail() {
var useremail=document.getElementById(‘email’).value;
if(useremail==’’){
document.getElementById(‘youxiang’).innerHTML=‘邮箱不能为空’
document.getElementById(‘email’).style.border=‘1px solid red’;
}else {
document.getElementById(‘youxiang’).innerHTML="";
if(useremail.indexOf("@")-1){
document.getElementById(‘youxiang’).innerHTML=“邮箱中必须有@字符”;
return false;
}else {
document.getElementById(‘youxiang’).innerHTML="";
if((useremail.split("@").length-1)>1){
document.getElementById(‘youxiang’).innerHTML=“邮箱中@符号只能出现一次”;
}else {
document.getElementById(‘youxiang’).innerHTML=""
if(useremail.charAt(0)
"@" || useremail.charAt(useremail.length-1)"@"){
document.getElementById(‘youxiang’).innerHTML=“邮箱中@字符不能出现在首尾的位置”
}else {
document.getElementById(‘youxiang’).innerHTML="";
if(useremail.substring(useremail.length-4)!=".com" || useremail.substring(useremail-5)
"@.com"){
document.getElementById(‘youxiang’).innerHTML=“格式不正确 eg:aaaa@qq.com
}else {
document.getElementById(‘youxiang’).innerHTML="";
document.getElementById(‘email’).style.border=‘1px solid #a9a9a9’;
}
}
}
}
}
}
function checkemingzi() {
var ming=document.getElementById(‘ming’).value;
if(ming==""){
document.getElementById(‘mingcheng’).innerHTML=‘名称不能为空’
document.getElementById(‘ming’).style.border=‘1px solid red’;
}else{
if((ming>=‘a’ && ming<=‘z’) && !(ming>=‘A’ && ming<=‘Z’) && !(ming>=‘1’ && ming<=‘9’) && ming==’
’){
document.getElementById(‘mingcheng’).innerHTML=‘名称必须只由中文组成’
}else {
if(ming.length<4 || ming.length>12){
document.getElementById(‘mima’).innerHTML=“名长度应在4-12之间”
}else {
document.getElementById(‘mingcheng’).innerHTML=’’;
document.getElementById(‘ming’).style.border=‘1px solid #a9a9a9’;
}
}
}
}
function checkephone() {
var phone=document.getElementById(‘phone’).value;
if(phone==""){
document.getElementById(‘dianhua’).innerHTML=‘手机号不能为空,输入的手机号应为移动号码’;
document.getElementById(‘phone’).style.border=‘1px solid red’;
}else{
document.getElementById(‘dianhua’).innerHTML=’’;
if(phone.length!=11){
document.getElementById(‘dianhua’).innerHTML=“手机号长度应为11位,您输入长度为”+phone.length
}else {
for(var i=0;i<phone.length;i++){
var phpneone=phone.substring(i,i+1)
if(!(phpneone>=0 && phpneone<=9)){
document.getElementById(‘dianhua’).innerHTML=‘手机号只能为数字’
}else {
var phpnetwo=phone.substring(i,i+2)
if(!(phpnetwo13 || phpnetwo15 ||phpnetwo17 ||phpnetwo18)){
document.getElementById(‘dianhua’).innerHTML=“手机号应为13/15/17/18号段,您的手机号码号段不符合要求”
}else {
document.getElementById(‘dianhua’).innerHTML=’’;
document.getElementById(‘phone’).style.border=‘1px solid #a9a9a9’;
return false
}
}
}
}
}
}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
作为AI语言模型,我可以提供代码示例,但是我不能创建实际的网站服务。下面是一个简单的HTML页面,演示了如何实现用户注册和登录功能: ```html <!DOCTYPE html> <html> <head> <title>Registration and Login Form</title> </head> <body> <h2>Registration Form</h2> <form action="register.php" method="POST"> <label for="username">Username:</label> <input type="text" name="username" required><br><br> <label for="email">Email:</label> <input type="email" name="email" required><br><br> <label for="password">Password:</label> <input type="password" name="password" required><br><br> <label for="confirm_password">Confirm Password:</label> <input type="password" name="confirm_password" required><br><br> <input type="submit" value="Register"> </form> <h2>Login Form</h2> <form action="login.php" method="POST"> <label for="username">Username:</label> <input type="text" name="username" required><br><br> <label for="password">Password:</label> <input type="password" name="password" required><br><br> <input type="submit" value="Login"> </form> </body> </html> ``` 这个示例页面包括两个表单,一个用于用户注册,另一个用于用户登录。注册表单具有用于输入用户名、电子邮件和密码的字段,以及一个确认密码字段。登录表单具有用于输入用户名和密码的字段。这个例子只是一个简单的演示,实际的注册和登录系统需要更多的功能,如验证输入的用户名和密码是否正确、为新用户创建帐户等。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值