mui短信验证html,mui登录界面（验证）

html>

mui.init();

欢迎登录

用户名：

密码：

登录

mui(document.body).on('tap', '.mui-btn', function(e) {

mui("#input_example input").each(function() {

//若当前input为空，则alert提醒

if(!this.value || this.value.trim() == "") {

var label = this.previousElementSibling;

mui.alert(label.innerText + "不允许为空");

check = false;

return false;

}else{

check =true;

}

}); //校验通过，继续执行业务逻辑

if(check){

mui('.mui-btn').button('loading');

var myname =  document.getElementById("username").value;

var mypasswd = document.getElementById("password").value;

mui.ajax('http://mui.zefei/api/Public/Tiangu/?service=User.checkLogin',{

data:{

username:myname,

password:mypasswd

},

dataType:'jsonp',//服务器返回json格式数据

type:'get',//HTTP请求类型

success:function(data){

//获得服务器响应

mui('.mui-btn').button('reset');

var res = JSON.parse(data);

if(res.data.code == 200){

mui.toast(res.data.info.username+',登录成功！',{ duration:'long', type:'div' });

}else{

mui.toast(res.data.msg,{ duration:'long', type:'div' });

}

}

});

}

});