register.ftl 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125
  1. <!DOCTYPE HTML>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <#include "../layout/header.ftl">
  5. <#include "../layout/common.cssjs.ftl">
  6. <script type="text/javascript">
  7. $(function(){
  8. $('#j_captchaimg').click(function () {//
  9. $(this).attr("src", "<@base />/captcha");
  10. });
  11. $('#btn_save').on('click',function(){
  12. if($('#emailMobile').val()==''){
  13. alert('<@locale code="forgotpassword.emailmobile"/>'+': empty');
  14. return false;
  15. }
  16. if($('#username').val()==''){
  17. alert('<@locale code="userinfo.username"/>'+': empty');
  18. return false;
  19. }
  20. if($('#displayName').val()==''){
  21. alert('<@locale code="userinfo.displayName"/>'+': empty');
  22. return false;
  23. }
  24. if($('#password').val()==''){
  25. alert('<@locale code="login.text.password"/>'+': empty');
  26. return false;
  27. }
  28. if($('#confirmpassword').val()==''){
  29. alert('<@locale code="login.password.confirmPassword"/>'+': empty');
  30. return false;
  31. }
  32. if($('#password').val()!=$('#confirmpassword').val()){
  33. alert('<@locale code="login.password.confirmPassword"/>'+'、'+'<@locale code="login.text.password"/>'+': error');
  34. return false;
  35. }
  36. formSubmit();
  37. })
  38. function formSubmit(){
  39. var uname=$('#username').val();
  40. var pwd=$('#password').val();
  41. var eMobile=$('#emailMobile').val();
  42. var dName=$('#displayName').val();
  43. $.ajax({
  44. type:"POST",
  45. url:"<@base/>/registeron",
  46. data:{
  47. username:uname,
  48. password:pwd,
  49. emailMobile:eMobile,
  50. displayName:dName
  51. },
  52. success:function(data){
  53. if(data.code=='0'){
  54. alert(data.message);
  55. window.location.href="<@base/>/login";
  56. }else{
  57. alert(data.message);
  58. }
  59. },
  60. error:function(jqXHR){
  61. alert("error:"+ jqXHR.status);
  62. }
  63. });
  64. }
  65. });
  66. </script>
  67. </head>
  68. <body >
  69. <div id="top">
  70. <#include "../layout/nologintop.ftl">
  71. </div>
  72. <div class="container">
  73. <div class="row">
  74. <div class="col-md-2"></div>
  75. <div class="col-md-8">
  76. <form action="<@base/>/registration/registeron" method="post" class="needs-validation" novalidate>
  77. <table class="table table-bordered">
  78. <tr>
  79. <td><@locale code="forgotpassword.emailmobile"/></td>
  80. <td><input required="" type="text" id="emailMobile" name="emailMobile" class="form-control" title="" value=""/></td>
  81. </tr>
  82. <tr>
  83. <td><@locale code="login.text.captcha"/>:</td>
  84. <td><input required="" class="form-control" type='text' id="j_captcha" name="captcha" tabindex="3" value="" style="float: left;"/><img id="j_captchaimg" src="<@base/>/captcha"/></td>
  85. </tr>
  86. <tr>
  87. <td><@locale code="userinfo.displayName"/>:</td>
  88. <td><input required="" class="form-control" type='text' id='displayName' name='displayName' tabindex="1"/></td>
  89. </tr>
  90. <tr>
  91. <td><@locale code="userinfo.username"/>:</td>
  92. <td><input required="" class="form-control" type='text' id='username' name='username' tabindex="1"/></td>
  93. </tr>
  94. <tr>
  95. <td><@locale code="login.text.password"/></td>
  96. <td><input required="" class="form-control" type='password' id="password" name="password" tabindex="1" value="" /></td>
  97. </tr>
  98. <tr>
  99. <td><@locale code="login.password.confirmPassword"/></td>
  100. <td><input required="" class="form-control" type='password' id="confirmpassword" name="confirmpassword" tabindex="2" value="" /></td>
  101. </tr>
  102. <tr>
  103. <td colspan="2"><input id="btn_save" class="button btn btn-lg btn-primary btn-block" type="button" value="<@locale code="login.text.register" />"/></td>
  104. </tr>
  105. </table>
  106. </form>
  107. </div>
  108. <div class="col-md-2"></div>
  109. </div >
  110. </div>
  111. <div id="footer">
  112. <#include "../layout/footer.ftl">
  113. </div>
  114. </body>
  115. </html>