adminAdd.html 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130
  1. <html xmlns:th="http://www.thymeleaf.org">
  2. <head>
  3. <title>私塾家</title>
  4. <script th:include="sys/common/metaCSS" th:remove="tag"></script>
  5. <script th:include="sys/common/metaJS" th:remove="tag"></script>
  6. <script src="sys/js/jquery.validate.min.js" th:src="@{/static/sys/js/jquery.validate.min.js}"></script>
  7. <script src="sys/js/jquery-validation/messages_zh.js" th:src="@{/static/sys/js/jquery-validation/messages_zh.js}"></script>
  8. <style>
  9. .clearfix:after {
  10. visibility: hidden;
  11. display: block;
  12. font-size: 0;
  13. content: " ";
  14. clear: both;
  15. height: 0;
  16. }
  17. .clearfix { display: inline-table; }
  18. * html .clearfix { height: 1%; }
  19. .clearfix { display: block; }
  20. .fl{display:inline;float:left}
  21. clearfix >control-label-error{display:inline;float:left;marign-left:10px}
  22. label.control-label-error {
  23. color: Red;
  24. }
  25. </style>
  26. </head>
  27. <body>
  28. <div class="place">
  29. <span>位置:</span>
  30. <ul class="placeul">
  31. <li><a href="#">系统管理</a></li>
  32. <li><a href="#">管理员管理</a></li>
  33. </ul>
  34. </div>
  35. <div class="formbody">
  36. <div class="formtitle"><span>管理员信息</span></div>
  37. <form id="userFrom" method="post" class="form-horizontal form-validate">
  38. <input type="hidden" id="id" th:if="${admin.id}" th:value="${admin.id}" name="id">
  39. <input type="hidden" th:value="${admin.operId}" name="operId">
  40. <ul class="forminfo">
  41. <li class="clearfix">
  42. <label class="fl">登录名<b>*</b></label>
  43. <input type="text" id="loginName" th:value="${admin.loginName}" class="dfinput fl" name="loginName">
  44. </li>
  45. <li class="clearfix">
  46. <label class="fl">昵称<b>*</b></label>
  47. <input type="text" class="dfinput fl" th:value="${admin.nickName}" name="nickName">
  48. </li>
  49. <li class="clearfix">
  50. <label class="fl">密码<b>*</b></label>
  51. <input type="password" class="dfinput fl" th:value="${admin.password}" name="password">
  52. </li>
  53. <li>
  54. <label>&nbsp;</label>
  55. <button type="submit" class="btn">保存</button>
  56. <button type="button" class="btn" onclick="window.history.go(-1);">取消</button>
  57. </li>
  58. </ul>
  59. </form>
  60. </div>
  61. </body>
  62. <script type="text/javascript">
  63. $(function(){
  64. $("#userFrom").validate({
  65. rules : {
  66. loginName : {
  67. required : true,
  68. maxlength:20,
  69. minlength:2,
  70. remote:{
  71. type:"POST",
  72. url:'[[${sysUrl}]]/sys/role/validateLoginName',
  73. data:{
  74. loginName:function(){return $("#loginName").val();},
  75. id:function(){return $("#id").val();}
  76. }
  77. }
  78. },
  79. nickName:{required: true},
  80. password : {
  81. minlength: 8,
  82. required : true
  83. }
  84. },
  85. messages: {
  86. loginName : {
  87. required : "请输入用户名",
  88. maxlength:"用户名最多20个字符",
  89. minlength:"用户名最少2个字符",
  90. remote:"登录名已存在!"
  91. },
  92. password: {
  93. required: "请输入密码",
  94. minlength: "密码最少8个字符"
  95. },
  96. nickName :"请输入昵称"
  97. },
  98. errorPlacement : function(error, element) {
  99. error.appendTo(element.parent());
  100. },
  101. submitHandler : function(form) {
  102. userFrom();
  103. }
  104. });
  105. });
  106. function userFrom(){
  107. var url="[[${sysUrl}]]/sys/role/saveAdmin";
  108. var params = $("#userFrom").serialize();
  109. $.post(url,params,function(data){
  110. if(data != null){
  111. if(data.meta.success){
  112. layer.msg("操作成功!",{icon:1});
  113. setTimeout(function(){
  114. window.location.href ='[[${sysUrl}]]/sys/role/adminlist.html';
  115. },1000);
  116. }else{
  117. layer.msg(data.meta.message,{icon:11});
  118. }
  119. }
  120. });
  121. }
  122. </script>
  123. </html>