mui app登录页.

<div class="logo">
        <img src="static/new_dl/images/logo.png" alt="">
    </div>
   
    <div class="wrap">
        <div class="name">
            <input type="text" style="font-size:17px;margin-top:0px;"  placeholder="微信号" name="username" id="username" class="username" value="">
        </div>
        <div class="password" style="margin-top:5px;">
            <input type="password" style="font-size:17px;" placeholder="用户密码" name="password" id="password" >
        </div>
        <div class="password_s"  style="float:left;margin-left:20px;margin-top:-20px;">
            <label><input type="checkbox" name="checkbox" id="chkRem"  checked  onclick="gou_()"><i id="gou" style="color:red">✓</i></label><span>记住密码</span>
        </div>
         <div class='forgot' style="font-size:14px;float:left;margin-top:-5px;">温馨提示:默认登录密码为手机号码后六位,登陆成功后请尽快修改密码！</div>
        <div class="submit">
            <input type="submit"  value="提交" class="login" id="tijiao"  style="height:40px;font-size: 15px;line-height: 10px;width:305px;" onclick="postData()">
        </div>
    </div>

mui.init({
      		swipeBack:false
      	});
     	mui.plusReady(function(){
      		var zhi = document.getElementById('zhi');
      		var username = document.getElementById("username");
      		var password = document.getElementById("password");
      		var chkRem   = document.getElementById("chkRem");
      		var tijiao = document.getElementById('tijiao');
      		  tijiao.addEventListener('tap',function(){
            var username = mui("#username")[0].value;
	        var password = mui("#password")[0].value;
       postData(username,password);
      	                                             })
      	 
      	                       }) 
    	var gou = document.getElementById("gou");
    	var chkRem = document.getElementById("chkRem");
       function gou_(){
//     	alert(chkRem.checked);
       	 if( chkRem.checked == true){
    		gou.style.color = '#ca1d25';
    	}
         if( chkRem.checked == false){
    		gou.style.color = 'gray';
    	}
       }
    	
    	var Id = localStorage.getItem("username"); 
    	if(Id != null) 
            { 
                document.getElementById("username").value = Id; 
                document.getElementById("password").value = localStorage.getItem("password"); 
                document.getElementById("chkRem").checked = "checked"; 
            } 

         
    	function postData(username,password) {  
  
       mui.ajax('',{
	data:{
		'username':username,
		'password':password,
        },
	dataType:'json',//服务器返回json格式数据
	type:'post',//HTTP请求类型
	timeout:10000,//超时时间设置为10秒；
	headers:{'Content-Type':'application/json'},	              
	success:function(data){
      if(data.code==200){
       localStorage.setItem("user1",''+data.user_id);
           var check = document.getElementById("chkRem"); 
                if(check.checked) //判断记住密码项是否勾选，是则记住密码到本地缓存 
                { 
                	
                    var id = document.getElementById("username").value; 
                    var pwd = document.getElementById("password").value; 
                    localStorage.setItem("username", id); 
                    localStorage.setItem("password", pwd); 
//                  alert(check.checked);
                } else //否则就移除本地缓存 
                { 
                    localStorage.removeItem("username"); 
                    localStorage.removeItem("password"); 
                } 
	        
		    mui.openWindow({
			  	
			    url: 'index.html', 
			    id:'index'
			  });
	  
		}
		

	},
	error:function(xhr,type,errorThrown){
		//异常处理；
//		mui.toast(type);
		console.log(type);
	}
});    														}