index.html 3.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>商家核验</title>
  6. <meta name="renderer" content="webkit">
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  8. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  9. <link href="/static/css/style.css?v=4.1.0" rel="stylesheet">
  10. <link href="/static/css/plugins/layui/layui.css" rel="stylesheet">
  11. <link href="/static/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
  12. <link href="/static/css/font-awesome.css?v=4.4.0" rel="stylesheet">
  13. <link href="/static/css/plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
  14. <link href="/static/css/plugins/validate/bootstrapValidator.min.css" rel="stylesheet">
  15. <script src="/static/js/jquery.min.js?v=2.1.4"></script>
  16. <script src="/static/js/bootstrap.min.js?v=3.3.6"></script>
  17. <script src="/static/js/plugins/validate/bootstrapValidator.min.js"></script>
  18. <!-- 注意:如果你直接复制所有代码到本地,上述css路径需要改成你本地的 -->
  19. </head>
  20. <body>
  21. <div style="margin: 0 auto; max-width: 1140px;padding: 20px">
  22. <h2 style="text-align: center;margin-top: 20px">
  23. 商家核验
  24. </h2>
  25. <form class="m-t" action="/index/shop/index" id="query" method="post">
  26. <div class="rowGroup form-group">
  27. <label class="control-label spacing td-label">人才姓名</label>
  28. <input type="text" class="form-control" id="name" name="name" value=""/>
  29. </div>
  30. <div class="rowGroup form-group">
  31. <label class=" control-label spacing td-label">证件类型</label>
  32. <select class="form-control" id="card_type" name="card_type" value="">
  33. <option value="">请选择</option>
  34. <option value="1">身份证</option>
  35. <option value="2">通行证</option>
  36. <option value="3">护照</option>
  37. <option value="4">人才证号</option>
  38. </select>
  39. </div>
  40. <div class="rowGroup form-group">
  41. <label class=" control-label spacing td-label">证件号码</span></label>
  42. <input class="form-control" id="card_number" name="card_number" value="">
  43. </div>
  44. <div class="form-group">
  45. <div class="col-sm-8" style="padding-left: 0px; padding-right: 0px;">
  46. <input class="form-control" type="text" name="captcha" placeholder="验证码" required="">
  47. </div>
  48. <div class="col-sm-4" style="padding-left: 0px; padding-right: 0px;">
  49. <img src="{:captcha_src()}" id="captcha" width="100%" height="100%"/>
  50. </div>
  51. </div>
  52. <div class="rowGroup " style="margin-top: 20px">
  53. <button type="submit" class="btn btn-primary">提交</button>
  54. </div>
  55. </form>
  56. </div>
  57. <script>
  58. $(function(){
  59. $('form').bootstrapValidator({
  60. message: 'This value is not valid',
  61. feedbackIcons: {
  62. valid: 'glyphicon glyphicon-ok',
  63. invalid: 'glyphicon glyphicon-remove',
  64. validating: 'glyphicon glyphicon-refresh'
  65. },
  66. fields: {
  67. name: {
  68. message: '真实姓名验证失败',
  69. validators: {
  70. notEmpty: {
  71. message: '姓名不能为空'
  72. }
  73. }
  74. },
  75. card_type: {
  76. validators: {
  77. notEmpty: {
  78. message: '证件类型必须选择'
  79. }
  80. }
  81. },
  82. card_number: {
  83. validators: {
  84. notEmpty: {
  85. message: '证件号码必须填写'
  86. }
  87. }
  88. }
  89. }
  90. });
  91. });
  92. </script>
  93. </body>
  94. </html>