您好,登錄后才能下訂單哦!
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <title></title> <script src="js/mui.min.js"></script> <link href="css/mui.min.css" rel="stylesheet"/> <script type="text/javascript" charset="utf-8"> mui.init(); </script> </head> <body> <header class="mui-bar mui-bar-nav"> <!--<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>--> <h2 class="mui-title">歡迎登錄</h2> </header> <div class="mui-content"> <div id="input_example" class="mui-input-group" > <div class="mui-input-row"> <label>用戶名:</label> <input id="username" type="text" class="mui-input-clear" placeholder="請輸入用戶名"> </div> <div class="mui-input-row"> <label>密碼:</label> <input id="password" type="password" class="mui-input-clear mui-input-password" placeholder="請輸入密碼"> </div> </div> <div class="mui-button-row" > <button type="button" data-loading-text="登錄中" class="mui-btn mui-btn-primary" >登錄</button> <!--<button type="button" class="mui-btn mui-btn-danger" >取消</button>--> </div> </div> <script type="text/javascript"> mui(document.body).on('tap', '.mui-btn', function(e) { mui("#input_example input").each(function() { //若當(dāng)前input為空,則alert提醒 if(!this.value || this.value.trim() == "") { var label = this.previousElementSibling; mui.alert(label.innerText + "不允許為空"); check = false; return false; }else{ check =true; } }); //校驗通過,繼續(xù)執(zhí)行業(yè)務(wù)邏輯 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',//服務(wù)器返回json格式數(shù)據(jù) type:'get',//HTTP請求類型 success:function(data){ //獲得服務(wù)器響應(yīng) 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' }); } } }); } }); </script> </body> </html>
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。