editUserName.html 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  1. <!DOCTYPE html>
  2. <html xmlns:th="http://www.thymeleaf.org"
  3. xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
  4. layout:decorate="~{admin/common/common}">
  5. <head>
  6. </head>
  7. <body layout:fragment="content">
  8. <article class="page-container">
  9. <form class="form form-horizontal" id="form-edit">
  10. <input type="hidden" th:name="id" th:id="uid" th:value="${id}"/>
  11. <div class="row cl">
  12. <label class="form-label col-xs-4 col-sm-4"><span class="c-red">*</span>姓名(重新登录后生效):</label>
  13. <div class="formControls col-xs-8 col-sm-7">
  14. <input type="text" class="input-text" placeholder="请输入想要修改成的使用者姓名" id="user_name" name="user_name" />
  15. </div>
  16. </div>
  17. <div class="row cl">
  18. <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
  19. <input class="btn btn-primary radius" type="submit" value="&nbsp;&nbsp;提交&nbsp;&nbsp;">
  20. <button onClick="removeIframe();" class="btn btn-default radius" type="button">&nbsp;&nbsp;取消&nbsp;&nbsp;</button>
  21. </div>
  22. </div>
  23. </form>
  24. </article>
  25. <script th:inline="javascript">
  26. /**
  27. * 取消
  28. */
  29. function removeIframe() {
  30. var index = parent.layer.getFrameIndex(window.name);
  31. parent.layer.close(index);
  32. }
  33. $(function(){
  34. var userId = [[${id}]];
  35. $("#form-edit").validate({
  36. rules:{
  37. user_name:{
  38. required:true,
  39. minlength:1,
  40. maxlength:45
  41. }
  42. },
  43. onkeyup:false,
  44. focusCleanup:true,
  45. success:"valid",
  46. submitHandler:function(form){
  47. $(form).ajaxSubmit({
  48. type: 'put',
  49. url: pagePath+"/admin/user/updateUser/"+userId,
  50. dataType:"json",
  51. success: function(data){
  52. if(data.status == "success"){
  53. succeedMessage(data.message);
  54. setTimeClose();
  55. }else {
  56. // $(form).find(":submit").attr("disabled", false);
  57. errorMessage(data.message);
  58. }
  59. }
  60. });
  61. return false; // 非常重要,如果是false,则表明是不跳转,在本页上处理,也就是ajax,如果是非false,则传统的form跳转。
  62. },
  63. errorPlacement: function(error, element) {
  64. if(element.attr('id') == 'content'){
  65. error.addClass(' label_error')
  66. }
  67. error.appendTo(element.parent());
  68. }
  69. });
  70. });
  71. </script>
  72. </body>
  73. </html>