php

绝对路径和相对路径总结

虽然入门的时候第一个接触的概念就是绝对路径和相对路径，但是在使用的时侯，仍然会出现很多的问题，今天就把以往会犯的错误做一个总结。

一、绝对路径

概念：是从盘符开始的路径，形如C:\windows\system32\cmd.exe（Windows 系统），LINUX系统中 绝对路径 以“/”为起始 例：/home/user1/abc1.txt
在网络中，以http开头的链接都是绝对路径，绝对路径就是你的主页上的文件或目录在硬盘上真正的路径，绝对路径一般在CGI程序的路径配置中经常用到，而在制作网页中实际很少用到。

二、相对路径

概念：指相对于该文件本身的其他文件的位置
以下为建立路径所使用的几个特殊符号，及其所代表的意义。（qq文件的位置：E:/wamp/www/xm/home1/qq.php）
“./“：代表目前所在的目录。例：./user1/abc1.php 也可简写成：user1/abc1.php
“../“：代表上一层目录。例：../home2/user2/abc2.php
以”/“开头：代表根目录。例：/xm/home2/user2/abc2.php
一般来讲讲在一个文件中引入另一个文件或图片，那么导入另一文件的路径则是相对于该文件的本身，这里也有两种导入的方法：
1.从该文件的自身位置开始找：../home2/user2/abc2.php
2.从根目录开始找：/xm/home2/user2/abc2.php（推荐使用此方法）

Read More

javascript

php表单提交时的身份证号码验证 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
        <title>
            Check card no
        </title>
        <script type='text/javascript'>
            /*Author:yufulongBlog:http://www.xiaoxiaozi.com*/
            var vcity = {
                11 : "北京",
                12 : "天津",
                13 : "河北",
                14 : "山西",
                15 : "内蒙古",
                21 : "辽宁",
                22 : "吉林",
                23 : "黑龙江",
                31 : "上海",
                32 : "江苏",
                33 : "浙江",
                34 : "安徽",
                35 : "福建",
                36 : "江西",
                37 : "山东",
                41 : "河南",
                42 : "湖北",
                43 : "湖南",
                44 : "广东",
                45 : "广西",
                46 : "海南",
                50 : "重庆",
                51 : "四川",
                52 : "贵州",
                53 : "云南",
                54 : "西藏",
                61 : "陕西",
                62 : "甘肃",
                63 : "青海",
                64 : "宁夏",
                65 : "新疆",
                71 : "台湾",
                81 : "香港",
                82 : "澳门",
                91 : "国外"
            };
            checktheform = function() {
                var card = document.getElementById('card_no').value;
                //是否为空    
                if (card === '') {
                    alert('请输入身份证号，身份证号不能为空');
                    document.getElementById('card_no').focus;
                    return false;
                }
                //校验长度，类型    
                if (isCardNo(card) === false) {
					//直接改变文本框后面的提示信息，而不是使用alert()弹窗
                    document.getElementById('sfz').innerHTML = '您输入的身份证号码不正确,请重新输入';
                    document.getElementById('card_no').focus;
                    return false;
                }
                //检查省份    
                if (checkProvince(card) === false) {
                    alert('您输入的身份证号码不正确,请重新输入');
                    document.getElementById('card_no').focus;
                    return false;
                }
                //校验生日    
                if (checkBirthday(card) === false) {
                    alert('您输入的身份证号码生日不正确,请重新输入');
                    document.getElementById('card_no').focus();
                    return false;
                }
                //检验位的检测    
                if (checkParity(card) === false) {
                    alert('您的身份证校验位不正确,请重新输入');
                    document.getElementById('card_no').focus();
                    return false;
                }
                alert('OK');
                return true;
            };
            //检查号码是否符合规范，包括长度，类型
            isCardNo = function(card) {
                //身份证号码为15位或者18位，15位时全为数字，18位前17位为数字，最后一位是校验位，可能为数字或字符X    
                var reg = /(^\d{15}$)|(^\d{17}(\d|X)$)/;
                if (reg.test(card) === false) {
                    return false;
                }
                return true;
            };
            //取身份证前两位,校验省份
            checkProvince = function(card) {
                var province = card.substr(0, 2);
                if (vcity[province] == undefined) {
                    return false;
                }
                return true;
            };
            //检查生日是否正确
            checkBirthday = function(card) {
                var len = card.length;
                //身份证15位时，次序为省（3位）市（3位）年（2位）月（2位）日（2位）校验位（3位），皆为数字    
                if (len == '15') {
                    var re_fifteen = /^(\d{6})(\d{2})(\d{2})(\d{2})(\d{3})$/;
                    var arr_data = card.match(re_fifteen);
                    var year = arr_data[2];
                    var month = arr_data[3];
                    var day = arr_data[4];
                    var birthday = new Date('19' + year + '/' + month + '/' + day);
                    return verifyBirthday('19' + year, month, day, birthday);
                }
                //身份证18位时，次序为省（3位）市（3位）年（4位）月（2位）日（2位）校验位（4位），校验位末尾可能为X    
                if (len == '18') {
                    var re_eighteen = /^(\d{6})(\d{4})(\d{2})(\d{2})(\d{3})([0-9]|X)$/;
                    var arr_data = card.match(re_eighteen);
                    var year = arr_data[2];
                    var month = arr_data[3];
                    var day = arr_data[4];
                    var birthday = new Date(year + '/' + month + '/' + day);
                    return verifyBirthday(year, month, day, birthday);
                }
                return false;
            };
            //校验日期
            verifyBirthday = function(year, month, day, birthday) {
                var now = new Date();
                var now_year = now.getFullYear();
                //年月日是否合理    
                if (birthday.getFullYear() == year && (birthday.getMonth() + 1) == month && birthday.getDate() == day) {
                    //判断年份的范围（3岁到100岁之间)        
                    var time = now_year - year;
                    if (time >= 3 && time <= 100) {
                        return true;
                    }
                    return false;
                }
                return false;
            };
            //校验位的检测
            checkParity = function(card) {
                //15位转18位    
                card = changeFivteenToEighteen(card);
                var len = card.length;
                if (len == '18') {
                    var arrInt = new Array(7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2);
                    var arrCh = new Array('1', '0', 'X', '9', '8', '7', '6', '5', '4', '3', '2');
                    var cardTemp = 0,
                    i, valnum;
                    for (i = 0; i < 17; i++) {
                        cardTemp += card.substr(i, 1) * arrInt[i];
                    }
                    valnum = arrCh[cardTemp % 11];
                    if (valnum == card.substr(17, 1)) {
                        return true;
                    }
                    return false;
                }
                return false;
            };
            //15位转18位身份证号
            changeFivteenToEighteen = function(card) {
                if (card.length == '15') {
                    var arrInt = new Array(7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2);
                    var arrCh = new Array('1', '0', 'X', '9', '8', '7', '6', '5', '4', '3', '2');
                    var cardTemp = 0,
                    i;
                    card = card.substr(0, 6) + '19' + card.substr(6, card.length - 6);
                    for (i = 0; i < 17; i++) {
                        cardTemp += card.substr(i, 1) * arrInt[i];
                    }
                    card += arrCh[cardTemp % 11];
                    return card;
                }
                return card;
            };
        </script>
    </head>
    
    <body>
        <form name="form1" method="post" action="">
            <label>
                身份证号<input name='card_no' type='text' id='card_no' onBlur='javascript:checktheform();'/>
				<em id="sfz">请输入正确的身份证号码</em>
            </label>
			<br/>
            <label>
                <input type="submit" name="Submit" value="提交">
            </label>
        </form>
    </body>

</html>
javascript

php用户注册页面利用js进行表单验证 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
        <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
		<title>用户注册 - 当当网</title>
		<link href="../css/login.css" rel="stylesheet" type="text/css" />
		<link href="../css/page_bottom.css" rel="stylesheet" type="text/css" />
        <script type="text/javascript" src="../js/jquery-1.7.1.js"></script>
        <script type="text/javascript">
            var flag = {
                "email":false,
                "nickname":false,
                "password":false,
                "verify":false
            };
            
            $(function(){
                $("#txtEmail").blur(function () {
                    var email=$(this).val();
                    //alert(email);
                    if(email==""){
                        $("#email\\.info").html("Email地址不能为空");
                        return;
                    }
                    var pattern=/\b(^['_A-Za-z0-9-]+(\.['_A-Za-z0-9-]+)*@([A-Za-z0-9-])+(\.[A-Za-z0-9-]+)*((\.[A-Za-z0-9]{2,})|(\.[A-Za-z0-9]{2,}\.[A-Za-z0-9]{2,}))$)\b/;
                    if(!pattern.test(email)){
                        $("#email\\.info").html("Email格式不正确");
                        return;
                    }
                    $.get("check_email.php?email="+email,null,
                        function(data){
                            $("#email\\.info").html(data);
                            if (data=="可以注册") {
                                flag.email=true;
                            }
                        }
                    );
                });
                $("#txtNickName").blur(function () {
                    var nickname=$(this).val();
                    if(nickname==""){
                        $("#name\\.info").html("昵称不能为空");
                        return;
                    }
                    var pattern = /\b(^['A-Za-z0-9]{4,20}$)\b/;
                    if (!pattern.test(nickname)) {
                        $("#name\\.info").html("昵称格式不正确");
                        return;
                    }else{
                        $("#name\\.info").html("昵称格式正确");
                        flag.nickname=true;
                        return;
                    }
                });
                $("#txtPassword").blur(function () {
                    var password=$(this).val();
                    if (password=="") {
                        $("#password\\.info").html("密码不能为空");
                        return;
                    }
                    var pattern = /\b(^['A-Za-z0-9]{4,20}$)\b/;
                    if (!pattern.test(password)) {
                        $("#password\\.info").html("密码格式不正确");
                        return;   
                    }else{
                        $("#password\\.info").html("密码格式正确");
                        //flag.password=true;
                        return;
                    }
                });
                $("#txtRepeatPass").blur(function () {
                    var password1=$(this).val();
                    if (password1=="") {
                        $("#password1\\.info").html("密码不能为空");
                        return;
                    }
                    var pattern = /\b(^['A-Za-z0-9]{4,20}$)\b/;
                    if (!pattern.test(password1)) {
                        $("#password1\\.info").html("密码格式不正确");
                        return;   
                    }else if(password1!=$("#txtPassword").val()){
                        $("#password1\\.info").html("两次输入的密码不一致");
                        return;
                    }else{
                        $("#password1\\.info").html("重复密码正确");
                        flag.password=true;
                        return;
                    }                                            
                });
                $("#txtVerifyCode").blur(function () {
                    var verify=$(this).val();
                    if(verify==""){
                        $("#number\\.info").html("验证码不能为空");
                        return;
                    }
                    $.post("./verify/check.php",{verify:verify},
                        function(data){
                            $("#number\\.info").html(data);
                            if (data=="验证成功") {
                                flag.verify=true;
                            }
                        }
                    );
                })
            	$("#f").submit(function(){
                    var ok = flag.email&&flag.password&&flag.verify&&flag.nickname;
                    if(ok==false){
                        alert("表单项正在检测或存在错误");
                        history.back();
                        return false;
                    }
                    return true;
                });	
            })
        </script>
	</head>
	<body>
        <?php include("../common/head.php"); ?>
		<div class="login_step">
			注册步骤:<span class="red_bold">1.填写信息</span> > 2.验证邮箱 > 3.注册成功
		</div>
		<div class="fill_message">
			<form name="ctl00" method="post" action="save_reg.php" id="f">
				<h2>以下均为必填项</h2>
				<table class="tab_login" >
					<tr>
						<td valign="top" class="w1">请填写您的Email地址：</td>
						<td>
							<input name="email" type="text" id="txtEmail" class="text_input"/>
							<div class="text_left" id="emailValidMsg">
								<p>请填写有效的Email地址。</p>
								<span id="email.info" style="color:red"></span>
							</div>
						</td>
					</tr>
					<tr>
						<td valign="top" class="w1">设置您在当当网的昵称：</td>
						<td>
							<input name="nickname" type="text" id="txtNickName" class="text_input" />
							<div class="text_left" id="nickNameValidMsg">
								<p>由小写英文字母、中文、数字组成，长度4－20个字符，一个汉字为两个字符。</p>
								<span id="name.info" style="color:red"></span>
							</div>
						</td>
					</tr>
					<tr>
						<td valign="top" class="w1">设置密码：</td>
						<td>
							<input name="password" type="password" id="txtPassword" class="text_input" />
							<div class="text_left" id="passwordValidMsg">
								<p>您的密码可以由大小写英文字母、数字组成，长度6－20位。</p>
								<span id="password.info" style="color:red"></span>
							</div>
						</td>
					</tr>
					<tr>
						<td valign="top" class="w1">再次输入您设置的密码：</td>
						<td>
							<input name="password1" type="password" id="txtRepeatPass" class="text_input"/>
							<div class="text_left" id="repeatPassValidMsg">
							<span id="password1.info" style="color:red"></span>
							</div>
						</td>
					</tr>
					<tr>
						<td valign="top" class="w1">验证码：</td>
						<td>
							<img class="yzm_img" id='imgVcode' src='./verify/verify.php' style="cursor:pointer" border='0' onclick="document.getElementById('imgVcode').src='./verify/verify.php?t='+Math.random()"/>
							<input name="number" type="text" id="txtVerifyCode" class="yzm_input"/>
							<div class="text_left t1">
								<p class="t1">
									<span id="vcodeValidMsg">请输入图片中的四个字母。</span>									
									<a href="#" style="cursor:pointer" 
                                        onclick="document.getElementById('imgVcode').src='./verify/verify.php?t='+Math.random()">
                                        看不清楚？换个图片
                                    </a>
                                    <br />
                                    <span id="number.info" style="color:red"></span>
								</p>
							</div>
						</td>
					</tr>
				</table>

				<div class="login_in">
					<input id="btnClientRegister" class="button_1" name="submit" type="submit" value="注 册"/>
				</div>
			</form>
		</div>
        <?php include("../common/foot.php"); ?>
	</body>
</html>