淘宝网购物车jquery源码和网易新用户注册页面表单验证的练习

最新推荐文章于 2023-08-22 20:47:45 发布

weixin_30877181

最新推荐文章于 2023-08-22 20:47:45 发布

阅读量2.6k

点赞数 5

文章标签： javascript 前端 php ViewUI

原文链接：http://www.cnblogs.com/java-123/p/9316862.html

版权

本文介绍了淘宝网购物车的CSS源码，包括`register.css`和`myCart.css`，同时提及了网易新用户注册页面的前端验证。通过对这些源码的学习和实践，可以提升前端开发技能，尤其是JavaScript和CSS的应用。

摘要由CSDN通过智能技术生成

淘宝网购物车源码：

<html lang="en">
<head>
<meta charset="UTF-8">
<title>网易新用户注册页面</title>
<link rel="stylesheet" href="css/register.css" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
  //检查用户名
    function checkname(num){
    var uname=/^[0-9|a-zA-Z|\w]\w{3,15}[0-9|a-zA-Z|\w]$/ig;
 
    var username=$("#userName").val();
    if(username.length<4){
        $("#userNameId").addClass("error_prompt").html("用户名长度小于4");
        num=1;
    }
    else if(username.length>18){
        $("#userNameId").addClass("error_prompt").html("用户名长度大于18");
        num=1;
    }else if(uname){
           $("#userNameId").addClass("ok_prompt").html("用户名正确");
    }
        return num; 
    };
    //检查邮箱
function check(num){
    var mail=$("#email").val();
    if(mail.length<1){
        $("#emailId").addClass("error_prompt").html("邮箱不能为空");
        num=1;
    }
    else if(mail.indexOf("@")==-1){
        $("#emailId").addClass("error_prompt").html("Email格式不正确\n必须包含@");
        num=1;
    }
    else if(mail.indexOf(".")==-1){
        $("#emailId").addClass("error_prompt").html("Email格式不正确\n必须包含.");
        num=1;
    }else{
           $("#emailId").addClass("ok_prompt").html("Email输入正确");
    }
       return num;
    }
 
//检查密码
 function checkpwd(num){
var pwd=$("#pwd").val();
    if(pwd.length<6){
        $("#pwdId").addClass("error_prompt").html("密码不能小于6位");
        num=1;
    }else if(pwd.length>16){
        $("#pwdId").addClass("error_prompt").html("密码不能大于16位");
        num=1;
    } else{
           $("#pwdId").addClass("ok_prompt").html("密码输入正确");
    }
    return num;
 
}
//重复密码
 
function checkrepwd(num){
var repwd=$("#repwd").val();
    if(repwd.length<1){
           $("#repwdId").addClass("error_prompt").html("重复密码不能为空");
           num=1;
    } else{
           $("#repwdId").addClass("ok_prompt").html("重复密码输入正确");
    }
     
    return num;
    }
 
 //检查昵称
    function checksname(num){
    var sname=(/[\u4e00-\u9fa5]/g,"xx").length;
 
var sername=$("#nickName").val();
    if(sername.length<4){
        $("#nickNameId").addClass("error_prompt").html("用户名长度小于4个字符");
        num=1;
    }
    else if(sername.length>18){
        $("#nickNameId").addClass("error_prompt").html("用户名长度大于18个字符");
        num=1;
    }else if(sname){
           $("#nickNameId").addClass("ok_prompt").html("昵称正确");
    }
       return num; 
    };
//检查关联手机号
function checkphone(num){
var phones=/^1[3|5|8]\d{9}$/;
 
    var phone=$("#tel").val();
    if(phone.length==""){
        $("#telId").addClass("error_prompt").html("关联手机号不能为空，请输入手机号");
        num=1;
    }else if(phones){
           $("#telId").addClass("ok_prompt").html("手机号正确");
    }else{
           $("#telId").addClass("error_prompt").html("关联手机号有其他错误");
           num=1;
}
 
return num;
}
 
 
 
$(function(){
  $("[id=userName]").blur(function(){
   checkname(0);
   });
  $("[id=email]").blur(function(){
  check(0);
  });
    $("[id=tel]").blur(function(){
  checkphone(0);
  });
    $(&

最低0.47元/天解锁文章

weixin_30877181

关注

5
点赞
踩
14

收藏

觉得还不错? 一键收藏
0
评论
淘宝网购物车jquery源码和网易新用户注册页面表单验证的练习

淘宝网购物车源码：<html lang="en"><head><meta charset="UTF-8"><title>网易新用户注册页面</title><link rel="stylesheet" href="css/register.css" /><script type="text/ja...
复制链接

扫一扫