154 lines
4.6 KiB
JavaScript
Executable File
154 lines
4.6 KiB
JavaScript
Executable File
window.onload=function(){
|
||
var aInput=document.getElementsByTagName('input');
|
||
var oUser=aInput[0];
|
||
var oPwd=aInput[1]
|
||
var aI=document.getElementsByTagName('i')[0];
|
||
var sub = document.getElementById("submit");
|
||
sub.onclick = function(){
|
||
if(oUser.value==""){
|
||
aI.innerHTML='账号不可为空';
|
||
return false;
|
||
}
|
||
if(oPwd.value==""){
|
||
aI.innerHTML='密码不可为空';
|
||
return false;
|
||
}
|
||
/*Ajax.post("loginIn",
|
||
"user=1&pwd=2",
|
||
function(rtn){
|
||
alert(rtn);
|
||
}
|
||
);*/
|
||
ajax({
|
||
type:"POST",
|
||
url:"vloginIn",
|
||
dataType:"json",
|
||
data:{user:oUser.value,pwd:oPwd.value},
|
||
beforeSend:function(){
|
||
//some js code
|
||
},
|
||
success:function(rtn){
|
||
if(rtn.code !=200)
|
||
aI.innerHTML= rtn.msg;
|
||
else
|
||
location.href = rtn.msg;
|
||
},
|
||
error:function(){
|
||
console.log("error")
|
||
}
|
||
})
|
||
|
||
return false;
|
||
}
|
||
|
||
|
||
|
||
//用户名检测
|
||
|
||
oUser.onfocus=function(){
|
||
aI.innerHTML='';
|
||
oUser.removeAttribute("placeholder");
|
||
}
|
||
|
||
oUser.onkeyup=function(){
|
||
|
||
}
|
||
|
||
oUser.onblur=function(){
|
||
if(oUser.value==""){
|
||
oUser.setAttribute("placeholder","账号不可为空");
|
||
}
|
||
/* var tel = /1[3|4|5|7|8][0-9]\d{8}$/;
|
||
if(!tel.test(this.value)){
|
||
aI.innerHTML='手机号不正确';
|
||
}else if(this.value==""){
|
||
aI.innerHTML='手机号不可为空';
|
||
}*/
|
||
}
|
||
|
||
//密码检测
|
||
|
||
oPwd.onfocus=function(){
|
||
oPwd.removeAttribute("placeholder");
|
||
}
|
||
oPwd.onblur=function(){
|
||
if(oPwd.value==""){
|
||
oPwd.setAttribute("placeholder","请输入确认密码");
|
||
}
|
||
}
|
||
|
||
|
||
}
|
||
var Ajax={
|
||
get: function(url, fn) {
|
||
var obj = new XMLHttpRequest(); // XMLHttpRequest对象用于在后台与服务器交换数据
|
||
obj.open('GET', url, true);
|
||
obj.onreadystatechange = function() {
|
||
if (obj.readyState == 4 && obj.status == 200 || obj.status == 304) { // readyState == 4说明请求已完成
|
||
fn.call(this, obj.responseText); //从服务器获得数据
|
||
}
|
||
};
|
||
obj.send();
|
||
},
|
||
post: function (url, data, fn) { // datat应为'a=a1&b=b1'这种字符串格式，在jq里如果data为对象会自动将对象转成这种字符串格式
|
||
var obj = new XMLHttpRequest();
|
||
obj.open("POST", url, true);
|
||
obj.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); // 添加http头，发送信息至服务器时内容编码类型
|
||
obj.onreadystatechange = function() {
|
||
if (obj.readyState == 4 && (obj.status == 200 || obj.status == 304)) { // 304未修改
|
||
fn.call(this, obj.responseText);
|
||
}
|
||
};
|
||
obj.send(data);
|
||
}
|
||
}
|
||
function ajax(){
|
||
var ajaxData = {
|
||
type:arguments[0].type || "GET",
|
||
url:arguments[0].url || "",
|
||
async:arguments[0].async || "true",
|
||
data:arguments[0].data || null,
|
||
dataType:arguments[0].dataType || "text",
|
||
contentType:arguments[0].contentType || "application/x-www-form-urlencoded",
|
||
beforeSend:arguments[0].beforeSend || function(){},
|
||
success:arguments[0].success || function(){},
|
||
error:arguments[0].error || function(){}
|
||
}
|
||
ajaxData.beforeSend()
|
||
var xhr = createxmlHttpRequest();
|
||
xhr.responseType=ajaxData.dataType;
|
||
xhr.open(ajaxData.type,ajaxData.url,ajaxData.async);
|
||
xhr.setRequestHeader("Content-Type",ajaxData.contentType);
|
||
xhr.send(convertData(ajaxData.data));
|
||
xhr.onreadystatechange = function() {
|
||
if (xhr.readyState == 4) {
|
||
if(xhr.status == 200){
|
||
ajaxData.success(xhr.response)
|
||
}else{
|
||
ajaxData.error()
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
function createxmlHttpRequest() {
|
||
if (window.ActiveXObject) {
|
||
return new ActiveXObject("Microsoft.XMLHTTP");
|
||
} else if (window.XMLHttpRequest) {
|
||
return new XMLHttpRequest();
|
||
}
|
||
}
|
||
|
||
function convertData(data){
|
||
if( typeof data === 'object' ){
|
||
var convertResult = "" ;
|
||
for(var c in data){
|
||
convertResult+= c + "=" + data[c] + "&";
|
||
}
|
||
convertResult=convertResult.substring(0,convertResult.length-1)
|
||
return convertResult;
|
||
}else{
|
||
return data;
|
||
}
|
||
}
|