edit.html 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121
  1. <!DOCTYPE html>
  2. <html lang="zh" xmlns:th="http://www.thymeleaf.org" >
  3. <meta charset="utf-8">
  4. <head th:include="include :: header"></head>
  5. <body class="white-bg">
  6. <div class="wrapper wrapper-content animated fadeInRight ibox-content">
  7. <form class="form-horizontal m" id="form-user-edit" th:object="${user}">
  8. <input name="userId" type="hidden" th:field="*{userId}" />
  9. <div class="form-group">
  10. <label class="col-sm-3 control-label ">登录名称:</label>
  11. <div class="col-sm-8">
  12. <input class="form-control" type="text" readonly="true" th:field="*{loginName}"/>
  13. </div>
  14. </div>
  15. <div class="form-group">
  16. <label class="col-sm-3 control-label">部门名称:</label>
  17. <div class="col-sm-8">
  18. <input class="form-control" type="text" readonly="true" th:field="*{dept.deptName}">
  19. </div>
  20. </div>
  21. <div class="form-group">
  22. <label class="col-sm-3 control-label">用户名称:</label>
  23. <div class="col-sm-8">
  24. <input class="form-control" type="text" name="userName" id="userName" th:field="*{userName}">
  25. </div>
  26. </div>
  27. <div class="form-group">
  28. <label class="col-sm-3 control-label">邮箱:</label>
  29. <div class="col-sm-8">
  30. <input class="form-control" type="text" name="email" th:field="*{email}">
  31. </div>
  32. </div>
  33. <div class="form-group">
  34. <label class="col-sm-3 control-label">手机:</label>
  35. <div class="col-sm-8">
  36. <input class="form-control" type="text" name="phonenumber" id="phonenumber" th:field="*{phonenumber}">
  37. </div>
  38. </div>
  39. <div class="form-group">
  40. <label class="col-sm-3 control-label">性别:</label>
  41. <div class="col-sm-8">
  42. <div class="radio-box">
  43. <input type="radio" id="radio1" th:field="*{sex}" name="sex" value="0">
  44. <label for="radio1">男</label>
  45. </div>
  46. <div class="radio-box">
  47. <input type="radio" id="radio2" th:field="*{sex}" name="sex" value="1">
  48. <label for="radio2">女</label>
  49. </div>
  50. </div>
  51. </div>
  52. </form>
  53. </div>
  54. <div th:include="include::footer"></div>
  55. <script>
  56. $("#form-user-edit").validate({
  57. rules:{
  58. userName:{
  59. required:true,
  60. },
  61. email:{
  62. required:true,
  63. email:true,
  64. remote: {
  65. url: ctx + "system/user/checkEmailUnique",
  66. type: "post",
  67. dataType: "json",
  68. data: {
  69. "userId": function() {
  70. return $("#userId").val();
  71. },
  72. "email": function() {
  73. return $.common.trim($("#email").val());
  74. }
  75. },
  76. dataFilter: function (data, type) {
  77. return $.validate.unique(data);
  78. }
  79. }
  80. },
  81. phonenumber:{
  82. required:true,
  83. isPhone:true,
  84. remote: {
  85. url: ctx + "system/user/checkPhoneUnique",
  86. type: "post",
  87. dataType: "json",
  88. data: {
  89. "userId": function() {
  90. return $("#userId").val();
  91. },
  92. "phonenumber": function() {
  93. return $.common.trim($("#phonenumber").val());
  94. }
  95. },
  96. dataFilter: function (data, type) {
  97. return $.validate.unique(data);
  98. }
  99. }
  100. },
  101. },
  102. messages: {
  103. "email": {
  104. remote: "Email已经存在"
  105. },
  106. "phonenumber":{
  107. remote: "手机号码已经存在"
  108. }
  109. },
  110. focusCleanup: true
  111. });
  112. function submitHandler() {
  113. if ($.validate.form()) {
  114. $.operate.save(ctx + "system/user/profile/update", $('#form-user-edit').serialize());
  115. }
  116. }
  117. </script>
  118. </body>
  119. </html>