exchange.html 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. <!DOCTYPE html>
  2. <html lang="zh" xmlns:th="http://www.thymeleaf.org" >
  3. <head>
  4. <th:block th:include="include :: header('兑换礼品')" />
  5. <th:block th:include="include :: datetimepicker-css" />
  6. <th:block th:include="include :: bootstrap-fileinput-css"/>
  7. </head>
  8. <body class="white-bg">
  9. <div class="wrapper wrapper-content animated fadeInRight ibox-content">
  10. <form class="form-horizontal m" id="form-member-exchange" th:object="${sysMemberDTO}">
  11. <input name="id" th:field="*{id}" type="hidden">
  12. <div class="col-xs-12">
  13. <div class="form-group">
  14. <label class="col-sm-3 control-label is-required">消耗积分:</label>
  15. <div class="col-sm-8">
  16. <input name="integral" th:field="*{integral}" class="form-control" type="text" maxlength="10" required>
  17. </div>
  18. </div>
  19. </div>
  20. <div class="col-xs-12">
  21. <div class="form-group">
  22. <label class="col-sm-3 control-label is-required">礼品名称:</label>
  23. <div class="col-sm-8">
  24. <input name="giftName" th:field="*{giftName}" class="form-control" type="text" required>
  25. </div>
  26. </div>
  27. </div>
  28. </form>
  29. </div>
  30. <th:block th:include="include :: footer" />
  31. <th:block th:include="include :: datetimepicker-js" />
  32. <th:block th:include="include :: bootstrap-fileinput-js"/>
  33. <script th:inline="javascript">
  34. var prefix = ctx + "system/member"
  35. $("#form-member-exchange").validate({
  36. focusCleanup: true,
  37. rules:{
  38. integral:{
  39. digits:true
  40. },
  41. },
  42. });
  43. function submitHandler() {
  44. if ($.validate.form()) {
  45. $.operate.save(prefix + "/exchange", $('#form-member-exchange').serialize());
  46. }
  47. }
  48. </script>
  49. </body>
  50. </html>