|
- <!DOCTYPE html>
- <html class="ui-page-login">
-
- <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>
- <link href="css/mui.min.css" rel="stylesheet" />
- <link href="css/style.css" rel="stylesheet" />
- <style>
- .area {
- margin: 20px auto 0px auto;
- }
-
- .mui-input-group:first-child {
- margin-top: 20px;
- }
-
- .mui-input-group label {
- width: 35%;
- }
-
- .mui-input-row label~input,
- .mui-input-row label~select,
- .mui-input-row label~textarea {
- width: 65%;
- }
-
- .mui-checkbox input[type=checkbox],
- .mui-radio input[type=radio] {
- top: 6px;
- }
-
- .mui-content-padded {
- margin-top: 25px;
- }
-
- .mui-btn {
- padding: 10px;
- }
- </style>
- </head>
-
- <body>
- <header class="mui-bar mui-bar-nav">
- <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
- <h1 class="mui-title">注册</h1>
- </header>
- <div class="mui-content">
- <form class="mui-input-group">
- <div class="mui-input-row">
- <label>手机号</label>
- <input id='phone' type="text" class="mui-input-clear mui-input" placeholder="请输入手机号">
- </div>
- <div class="mui-input-row">
- <label>姓 名</label>
- <input id='username' type="text" class="mui-input-clear mui-input" placeholder="请输入姓名">
- </div>
- <div class="mui-input-row">
- <label>身份证号</label>
- <input id='ids' type="text" class="mui-input-clear mui-input" placeholder="身份证号选填" maxlength="18" min="15">
- </div>
- <div class="mui-input-row">
- <label>密码</label>
- <input id='password' type="password" class="mui-input-password mui-input" placeholder="请输入密码">
- </div>
- <div class="mui-input-row">
- <label>确认</label>
- <input id='password_confirm' type="password" class="mui-input-password mui-input" placeholder="请确认密码">
- </div>
- </form>
- <div class="mui-content-padded">
- <button id='reg' class="mui-btn mui-btn-block mui-btn-primary">注册</button>
- </div>
-
- </div>
- <script src="js/mui.min.js"></script>
- <script src="js/userinfos.js"></script>
- <script type="text/javascript" src="js/serverurl.js"></script>
- <script src="js/tools.js"></script>
- <script>
- (function($, doc) {
- $.init();
- $.plusReady(function() {
- var regButton = doc.getElementById('reg');
- var passwordBox = doc.getElementById('password');
- var passwordConfirmBox = doc.getElementById('password_confirm');
- regButton.addEventListener('tap', function(event) {
- if(document.getElementById("username").value == "" || document.getElementById("phone").value == "" ||
- document.getElementById("password").value == "" || document.getElementById("password_confirm").value == "") {
- plus.nativeUI.toast("提交失败!请您填写完整表单信息。");
- return;
- }
- // if(!isIdCardNo(document.getElementById("ids").value)) {
- // plus.nativeUI.toast("请您填写正确的身份证号。");
- // return;
- // }
- var phonereg = /(^0?[1][3578][0-9]{9}$)/;
- if(!phonereg.test(document.getElementById("phone").value)) {
- plus.nativeUI.toast("请您填写正确的手机号。");
- return;
- }
- var passwordConfirm = passwordConfirmBox.value;
- if(passwordConfirm != passwordBox.value) {
- plus.nativeUI.toast('密码两次输入不一致');
- return;
- }
- var param={
- name:document.getElementById("username").value,
- logpwd:document.getElementById("password").value,
- ids:document.getElementById("ids").value,
- mobile:document.getElementById("phone").value
- }
- plus.nativeUI.showWaiting("加载中...");
- mui.post(api+'/user/studentRegister',{data:JSON.stringify(param)},function(res){
- plus.nativeUI.closeWaiting();
- if(res.code=="200"){
- plus.nativeUI.toast("注册成功。");
- plus.webview.currentWebview().close();
- }else{
- plus.nativeUI.toast(res.info);
-
- }
- },'json')
- });
- });
- }(mui, document));
- </script>
- </body>
-
- </html>
|