forgetPassword.html 4.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. <div class="ui_mainbox" style="height: 700px; width: 1200px;">
  2. <div class="title">
  3. <h2 style="letter-spacing:5px;">重置密码</h2>
  4. </div>
  5. <div class="content">
  6. <div class="login_box">
  7. <div>
  8. <div class="alert alert-info">手机号为联系信息页面录入的学生本人手机号,如未填写此信息,请联系技术支持,电子邮箱:wubaizhi@qmth.com.cn</div>
  9. </div>
  10. <div class="form">
  11. <form novalidate ng-submit="submitForm(loginForm.$valid)" name="loginForm" class="login-form form-horizontal">
  12. <div class="form-group" >
  13. <label class="control-label col-md-4">手机号</label>
  14. <div class="col-md-8" ng-class="{ 'has-error' : (loginForm.mobile.$invalid && submitted) || !mobileExists}">
  15. <input class="form-control input-lg" type="text" ng-model="login.mobile" name="mobile" required maxlength="11" minlength='11' autocomplete="off" ng-blur="checkMobile()">
  16. <p ng-show="loginForm.mobile.$error.required && submitted" class="help-block">请输入正确的手机号</p>
  17. <p ng-show="(loginForm.mobile.$error.maxlength || loginForm.mobile.$error.minlength) && submitted" class="help-block">手机号位数不正确</p>
  18. <p ng-show="login.mobile.length > 0 && mobileChecked && !mobileExists" class="help-block text-danger">手机号不存在</p>
  19. </div>
  20. </div>
  21. <div class="form-group" >
  22. <label class="control-label col-md-4">验证码</label>
  23. <div class="col-md-4" ng-class="{ 'has-error' : (loginForm.verify_code.$invalid && submitted)}">
  24. <input class="form-control input-lg" type="text" ng-model="login.verify_code" name="verify_code" required >
  25. <p ng-show="loginForm.verify_code.$error.required && submitted" class="help-block">请输入验证码</p>
  26. </div>
  27. <div class="col-md-4">
  28. <button class="btn btn-info" ng-disabled="sendMessageTime > 0 || !mobileExists" ng-click="sendMessage()">获取验证码<span ng-show="sendMessageTime > 0">({{sendMessageTime}})</span></button>
  29. </div>
  30. </div>
  31. <div class="form-group" >
  32. <label class="control-label col-md-4">新登录密码</label>
  33. <div class="col-md-8" ng-class="{ 'has-error' : loginForm.password.$invalid && submitted }">
  34. <input class="form-control input-lg" type="password" ng-model="login.password" name="password" required ng-minlength="6" autocomplete="off">
  35. <p ng-show="loginForm.password.$error.required && submitted" class="help-block">请输入登录密码</p>
  36. <p ng-show="(loginForm.password.$error.minlength) && submitted" class="help-block">密码长度应多于6位</p>
  37. </div>
  38. </div>
  39. <div class="form-group" >
  40. <label class="control-label col-md-4">确认新密码</label>
  41. <div class="col-md-8" ng-class="{ 'has-error' : loginForm.confirm_password.$invalid && submitted }">
  42. <input class="form-control input-lg" type="password" ng-model="login.confirm_password" name="confirm_password" required ng-minlength="6" autocomplete="off">
  43. <p ng-show="loginForm.confirm_password.$error.required && submitted" class="help-block">请输入确认密码</p>
  44. <p ng-show="(loginForm.confirm_password.$error.minlength) && submitted" class="help-block">密码长度应多于6位</p>
  45. </div>
  46. </div>
  47. <div class="form-group text-center" >
  48. <div class="col-md-offset-4 col-md-4">
  49. <button class="btn btn-primary" type="submit" style="padding: 12px 40px; font-size: 16px; font-weight: bold;">重置密码</button>
  50. </div>
  51. <div class="col-md-4">
  52. <button class="btn btn-info pull-right" style="padding: 12px 40px; font-size: 16px; font-weight: bold;margin-right:10px;" ui-sref="login">返回登录</button>
  53. </div>
  54. </div>
  55. </form>
  56. </div>
  57. </div>
  58. </div>
  59. </div>
  60. <div class="ui_button" style="color:#fff;">
  61. 推荐使用 <a href="http://sw.bos.baidu.com/sw-search-sp/software/6a6217440c026/ChromeStandalone_62.0.3202.89_Setup.exe" target="_blank" style="color:#fff;">Google浏览器(点击下载)</a>
  62. </div>