prepare.html 3.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. <style>
  2. .login-section .control-label {
  3. font-weight: normal;
  4. }
  5. </style>
  6. <div id="content-container" class="container">
  7. {if isset($userinfo['avatar'])}
  8. <div class="text-center">
  9. <img src="{$userinfo.avatar}" class="img-circle" width="80" height="80" alt=""/>
  10. <div style="margin-top:15px;">{$userinfo.nickname|default=''|htmlentities}</div>
  11. </div>
  12. {/if}
  13. <div class="user-section login-section" style="margin-top:20px;">
  14. <div class="bind-main login-main">
  15. <h3 class="text-center mt-0 mb-4">绑定账号</h3>
  16. <form name="form" id="bind-form" class="form-vertical" method="POST" action="">
  17. {:token()}
  18. <input type="hidden" name="platform" value="{$platform|htmlentities}"/>
  19. <input type="hidden" name="url" value="{$url|htmlentities}"/>
  20. <div class="form-group">
  21. <label class="control-label">手机号</label>
  22. <div class="controls">
  23. <input type="text" id="mobile" name="mobile" data-rule="required" class="form-control input-lg">
  24. <p class="help-block"></p>
  25. </div>
  26. </div>
  27. <div class="form-group">
  28. <label class="control-label">验证码</label>
  29. <div class="controls">
  30. <div class="input-group">
  31. <input type="text" name="captcha" class="form-control input-lg" data-rule="required;length({$Think.config.captcha.length});digits;remote({:url('api/validate/check_sms_correct')}, event=bind, mobile:#mobile)" />
  32. <span class="input-group-btn" style="padding:0;border:none;">
  33. <a href="javascript:;" class="btn btn-info btn-captcha btn-lg" data-url="{:url('api/sms/send')}" data-type="mobile" data-event="bind">发送验证码</a>
  34. </span>
  35. </div>
  36. <p class="help-block"></p>
  37. </div>
  38. </div>
  39. <div class="form-group">
  40. <button type="submit" class="btn btn-primary btn-block btn-lg">{:__('确认绑定')}</button>
  41. </div>
  42. </form>
  43. </div>
  44. </div>
  45. </div>
  46. <script>
  47. require.callback = function () {
  48. define('frontend/third', ['jquery', 'bootstrap', 'frontend', 'template', 'form'], function ($, undefined, Frontend, Template, Form) {
  49. var Controller = {
  50. prepare: function () {
  51. var validatoroptions = {
  52. invalid: function (form, errors) {
  53. $.each(errors, function (i, j) {
  54. Layer.msg(j);
  55. });
  56. }
  57. };
  58. //本地验证未通过时提示
  59. $("#register-form").data("validator-options", validatoroptions);
  60. //为表单绑定事件
  61. Form.api.bindevent($("#bind-form"), function (data, ret) {
  62. location.href = ret.url;
  63. return false;
  64. }, function (data, ret) {
  65. });
  66. }
  67. };
  68. return Controller;
  69. });
  70. }
  71. </script>