发表于: 2017-04-06 01:30:05
3 1214
今天完成的事情:任务五登陆验证功能, ajax异步的原生方法:
function checkName(){
var oUname = document.getElementById("user");
var oError = document.getElementById("error_box");
if(oUname.value.length > 10 || oUname.value.length < 5){
oError.innerHTML = "用户名长度必须在5~20位之间";
}else if(oUname.value.charCodeAt(0) >= 48 && oUname.value.charCodeAt(0) <= 57){
oError.innerHTML = "用户名开头不能为数字";
}else{
for(var i=0; i<oUname.value.length; i++){
if((oUname.value.charCodeAt(i) > 122 || oUname.value.charCodeAt(i) < 97) && (oUname.value.charCodeAt(i) > 57 || oUname.value.charCodeAt(i) < 48)){
oError.innerHTML = "用户名只能包含小写字母和数字";
}
}
}
}
function checkPassword() {
var oUpass = document.getElementById("pwd");
var oError = document.getElementById("error_box");
if (oUpass.value.length > 10 || oUpass.value.length < 4) {
oError.innerHTML = "密码长度必须在4~10位之间";
}
}
function aaa() {
var oAjax = new XMLHttpRequest();//创建
oAjax.open("POST","/a/a/login",true);//"POST"
oAjax.setRequestHeader("Content-type", "application/x-www-form-urlencoded");//设置HTTP头信息.必须在open与send之间,否则出现异常.
var name = document.getElementById('user').value;
var pwd = document.getElementById('pwd').value;
oAjax.send("name="+name+"&pwd="+pwd);//发送给服务器的内容
oAjax.onreadystatechange = function () {
if (oAjax.readyState === 4) {
if (oAjax.status === 200) {
var json = JSON.parse(oAjax.responseText);
console.log(json);
if (json.code === 0) {
window.location.href = "2.html"
} else {
alert("帐号或密码错误")
}
}
}
};
}
看了angularjs的基本内容,并下载了angular1.6.4,
了解了angular一些基本的用法,比如:
ng-app 指令告诉 AngularJS,<div> 元素是 AngularJS 应用程序 的"所有者"。
ng-model 指令把输入域的值绑定到应用程序变量 name。
ng-bind 指令把应用程序变量 name 绑定到某个段落的 innerHTML。
明天计划的事情:任务六 配置angular环境
遇到的问题:var创建对象获取input的值需要加.value,
发送数据的时候格式如下:不是很理解两个引号
oAjax.send("name="+name+"&pwd="+pwd)
收获:
登陆验证通过Unicode码来判断输入的数值是否合理,
Unicode码的第0~32号及第127号(共34个)是控制字符或通讯专用字符,如控制符:LF(换行)、CR(回车)、FF(换页)、DEL(删除)、BEL(振铃)等;
第33~126号(共94个)是字符,其中第48~57号为0~9十个阿拉伯数字;65~90号为26个大写英文字母,97~122号为26个小写英文字母,其余为一些标点符号、运算符号等。
评论