<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>我的资料</title> <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" /> <script type="text/javascript" src="../js/base.js"></script> <link rel="stylesheet" type="text/css" href="../assets/css/weui.min.css" /> <link rel="stylesheet" type="text/css" href="../assets/css/swiper-3.4.2.min.css" /> <link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_773803_6y9erxzbkn2.css" /> <script type="text/javascript" src="../assets/font/iconfont.js"> </script> <link rel="stylesheet" href="../css/common.css" /> <link rel="stylesheet" href="../css/user_information.css" /> <style type="text/css"> .swiper-container { height: 3.6rem; } .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { left: 44%; } </style> </head> <body> <div class="show"> <div class="tu"> <span class="circle"> <img src="../images/people.png" alt="" /> </span> <span class="pic">点击可更换头像</span> </div> <div class="name"> <span class="name_left"> 我的昵称 </span> <span class="name_right"> 妞妞 </span > </div> <div class="information"> 完善个人信息,完善后可获得代金券一张 </div> </div> <ul class="list"> <li> <span class="real ">真实姓名</span> <input placeholder="请填写真实姓名" class="name1 add"/> </li> <li> <span class="real">手机号</span> <input class="add tel" placeholder="请填写手机号码" /> </li> <li> <span class="real">我的微信号</span> <input class="add weixin" placeholder="请填写微信号" /> </li> <li> <span class="real">身份证号码</span> <input class="add zfzid" placeholder="请填写身份证号码" /> </li> </ul> <div class="footer ok"> 保存 </div> <div id="toast" style='display: none;'> <div class="weui-mask_transparent"></div> <div class="weui-toast"> <!--<i class="weui-icon-success-no-circle weui-icon_toast"></i>--> <p class="weui-toast__content">已完成</p> </div> </body> </html> <script type="text/javascript" src="../assets/js/jquery-2.1.0.js"></script> <script type="text/javascript" src="../assets/js/common.js"></script> <script type='text/javascript' src='../assets/js/Augly_Verification.js'></script> <script> $(function(){ $('.ok').click(function(){ if( $('.name1').val()=='' ){ toast('请填入您的姓名'); }else if($('.tel').val()==''){ toast('请输入电话号码'); }else if(!AuglyTest_phone.test($('.tel').val())){ toast('电话号码格式不正确'); }else if($('.weixin').val()==''){ toast('请输入微信号码'); }else if($('.zfzid').val()==''){ toast('请输入身份证号'); }else if(!AuglyTest_ID.test($('.zfzid').val())){ toast('身份证号输入不正确'); }else{ toast('保存成功'); window.location.href="person.html"; } }) }) </script>