add.html 2.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. <!DOCTYPE html>
  2. <html lang="zh" xmlns:th="http://www.thymeleaf.org" >
  3. <head>
  4. <th:block th:include="include :: header('新增分机')" />
  5. </head>
  6. <body class="white-bg">
  7. <div class="wrapper wrapper-content animated fadeInRight ibox-content">
  8. <form class="form-horizontal m" id="form-num-add">
  9. <div class="col-xs-12">
  10. <div class="form-group">
  11. <label class="col-sm-3 control-label is-required" th:text="#{extnum.form.extNum}"></label>
  12. <div class="col-sm-8">
  13. <input name="extNum" class="form-control" type="text" required>
  14. </div>
  15. </div>
  16. </div>
  17. <div class="col-xs-12">
  18. <div class="form-group">
  19. <label class="col-sm-3 control-label is-required" th:text="#{extnum.form.extPass}"></label>
  20. <div class="col-sm-8">
  21. <input name="extPass" class="form-control" type="text" required>
  22. </div>
  23. </div>
  24. </div>
  25. <div class="col-xs-12">
  26. <div class="form-group">
  27. <label class="col-sm-3 control-label" th:text="#{extnum.form.userCode}"></label>
  28. <div class="col-sm-8">
  29. <input name="userCode" class="form-control" type="text">
  30. </div>
  31. </div>
  32. </div>
  33. </form>
  34. </div>
  35. <th:block th:include="include :: footer" />
  36. <script th:inline="javascript">
  37. var prefix = ctx + "cc/extnum"
  38. // $.validator.addMethod("pattern", function(value, element, regexp) {
  39. // return this.optional(element) || regexp.test(value);
  40. // }, "格式不正确");
  41. $("#form-num-add").validate({
  42. focusCleanup: true,
  43. rules: {
  44. extNum: {
  45. required: true,
  46. // pattern: /^1\d{3}$/
  47. }
  48. },
  49. messages: {
  50. extNum: {
  51. // pattern: "请输入以1开头的4位数字分机号,例如:1001"
  52. }
  53. }
  54. });
  55. function submitHandler() {
  56. if ($.validate.form()) {
  57. $.operate.save(prefix + "/add", $('#form-num-add').serialize());
  58. }
  59. }
  60. </script>
  61. </body>
  62. </html>