edit.html 5.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162
  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.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  9. <link rel="stylesheet" href="../../static/css/font.css">
  10. <link rel="stylesheet" href="../../static/css/weadmin.css">
  11. <!-- 让IE8/9支持媒体查询,从而兼容栅格 -->
  12. <!--[if lt IE 9]>
  13. <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
  14. <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
  15. <![endif]-->
  16. </head>
  17. <body>
  18. <div class="weadmin-body">
  19. <form class="layui-form">
  20. <div class="layui-form-item">
  21. <label for="L_username" class="layui-form-label">
  22. <span class="we-red">*</span>登录名
  23. </label>
  24. <div class="layui-input-inline">
  25. <input type="text" id="L_username" name="username" lay-verify="required|nikename" autocomplete="off" class="layui-input">
  26. </div>
  27. <div class="layui-form-mid layui-word-aux">
  28. 请设置至少5个字符,将会成为您唯一的登录名
  29. </div>
  30. </div>
  31. <div class="layui-form-item">
  32. <label for="L_sex" class="layui-form-label">性别</label>
  33. <div class="layui-input-block" id="L_sex">
  34. <input type="radio" name="sex" value="男" title="男" checked>
  35. <input type="radio" name="sex" value="女" title="女">
  36. <input type="radio" name="sex" value="未知" title="未知">
  37. </div>
  38. </div>
  39. <div class="layui-form-item">
  40. <label for="L_email" class="layui-form-label">
  41. <span class="we-red">*</span>手机
  42. </label>
  43. <div class="layui-input-inline">
  44. <input type="text" id="L_phone" name="phone" lay-verify="required|phone" autocomplete="" class="layui-input">
  45. </div>
  46. </div>
  47. <div class="layui-form-item">
  48. <label for="L_email" class="layui-form-label">
  49. <span class="we-red">*</span>邮箱
  50. </label>
  51. <div class="layui-input-inline">
  52. <input type="text" id="L_email" name="email" lay-verify="email" autocomplete="off" class="layui-input">
  53. </div>
  54. </div>
  55. <div class="layui-form-item">
  56. <label for="L_address" class="layui-form-label">
  57. <span class="we-red"></span>地址
  58. </label>
  59. <div class="layui-input-inline">
  60. <input type="text" id="L_address" name="address" autocomplete="off" class="layui-input">
  61. </div>
  62. </div>
  63. <div class="layui-form-item">
  64. <label for="L_pass" class="layui-form-label">
  65. <span class="we-red">*</span>密码
  66. </label>
  67. <div class="layui-input-inline">
  68. <input type="password" id="L_pass" name="pass" autocomplete="off" class="layui-input">
  69. </div>
  70. <div class="layui-form-mid layui-word-aux">
  71. 6到16个字符
  72. </div>
  73. </div>
  74. <div class="layui-form-item">
  75. <label for="L_repass" class="layui-form-label">
  76. <span class="we-red">*</span>确认密码
  77. </label>
  78. <div class="layui-input-inline">
  79. <input type="password" id="L_repass" name="repass" autocomplete="off" class="layui-input">
  80. </div>
  81. </div>
  82. <div class="layui-form-item">
  83. <label for="L_repass" class="layui-form-label">
  84. </label>
  85. <button class="layui-btn" lay-filter="add" lay-submit="">确定</button>
  86. <input type="hidden" name="dataId" id="dataId" value="" />
  87. </div>
  88. </form>
  89. </div>
  90. <script src="../../lib/layui/layui.js" charset="utf-8"></script>
  91. <script type="text/javascript">
  92. layui.extend({
  93. admin: '{/}../../static/js/admin'
  94. });
  95. layui.use(['form', 'jquery', 'admin','layer'], function() {
  96. var form = layui.form,
  97. $ = layui.jquery,
  98. admin = layui.admin,
  99. layer = layui.layer;
  100. //自定义验证规则
  101. form.verify({
  102. nikename: function(value) {
  103. if(value.length < 5) {
  104. return '昵称至少得5个字符啊';
  105. }
  106. }
  107. });
  108. //页面初始化加载
  109. $(function(){
  110. setTimeout(function(){
  111. frameVal();
  112. },100);
  113. });
  114. function frameVal(){
  115. var dataId = $('input[name="dataId"]').val();
  116. var index = parent.layer.getFrameIndex(window.name);
  117. parent.layui.jquery("#memberList tr").each(function(){
  118. if($(this).attr('data-id')==dataId){
  119. console.log($(this));
  120. var tdArr=$(this).children('td');
  121. var username = tdArr.eq(2).text(); //姓名
  122. var sex = tdArr.eq(3).text(); //性别
  123. var phone = tdArr.eq(4).text(); //电话
  124. var email = tdArr.eq(5).text(); //邮箱
  125. var address = tdArr.eq(6).text(); //地址
  126. $('input[name="username"]').val(username);
  127. console.log("sex:"+sex);
  128. $('input[name="sex"][value="'+sex+'"]').attr("checked",true);
  129. $('input[name="phone"]').val(phone);
  130. $('input[name="email"]').val(email);
  131. $('input[name="address"]').val(address);
  132. form.render();
  133. }
  134. });
  135. }
  136. //监听提交
  137. form.on('submit(add)', function(data) {
  138. console.log(data);
  139. //发异步,把数据提交给php
  140. layer.alert("增加成功", {
  141. icon: 6
  142. }, function() {
  143. // 获得frame索引
  144. var index = parent.layer.getFrameIndex(window.name);
  145. //关闭当前frame
  146. parent.layer.close(index);
  147. });
  148. return false;
  149. });
  150. });
  151. </script>
  152. </body>
  153. </html>