心理咨询网
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

message.html 5.9KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
  2. <html xmlns="">
  3. <head>
  4. <title>{pboot:if('{sort:title}'=='')}{pboot:pagetitle}{else}{sort:title}{/pboot:if}</title>
  5. <meta name="keywords" content="{pboot:if('{sort:keywords}'=='')}{pboot:pagekeywords}{else}{sort:keywords}{/pboot:if}">
  6. <meta name="description" content="{pboot:if('{sort:description}'=='')}{pboot:pagedescription}{else}{sort:description}{/pboot:if}">
  7. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  8. <meta name="viewport" content="width=device-width, viewport-fit=cover, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
  9. <meta http-equiv="Cache-Control" content="no-transform" />
  10. <meta http-equiv="Cache-Control" content="no-siteapp" />
  11. <link href="{pboot:sitedomain}/m/css/style_m.css" rel="stylesheet" media="screen" type="text/css" />
  12. <link href="/m/css/iconfont.css" rel="stylesheet" media="screen" type="text/css" />
  13. <script type="text/javascript" src="{pboot:sitedomain}/m/js/jquery1.42.min.js"></script>
  14. <script type="text/javascript" src="{pboot:sitedomain}/m/js/superslide.3.0.js"></script>
  15. </head>
  16. <body>
  17. {include file=head.html}
  18. <div class="main">
  19. <div class="page-title">
  20. <h2>心理咨询快速预约通道</h2>
  21. </div>
  22. <form action="{pboot:msgaction}" method="post">
  23. <div class="list-form">
  24. <ul>
  25. <li>
  26. <div class="tip-text">孩子年龄:</div>
  27. <div class="xuanze">
  28. <div class="box">
  29. <input type='radio' id='attr_30_1' name='nianling' value='0-3岁'>
  30. <label for="attr_30_1">0-3岁</label>
  31. </div>
  32. <div class="box">
  33. <input type='radio' id='attr_30_2' name='nianling' value='3-6岁'>
  34. <label for="attr_30_2">3-6岁</label>
  35. </div>
  36. <div class="box">
  37. <input type='radio' id='attr_30_3' name='nianling' value='6-12岁'>
  38. <label for="attr_30_3">6-12岁</label>
  39. </div>
  40. <div class="box">
  41. <input type='radio' id='attr_30_4' name='nianling' value='12-18岁'>
  42. <label for="attr_30_4">12-18岁</label>
  43. </div>
  44. </div>
  45. </li>
  46. <li>
  47. <div class="tip-text">咨询类型:</div>
  48. <div class="xuanze">
  49. <div class="box">
  50. <input type='radio' id='attr_31_1' name='leixing' value='亲子关系'>
  51. <label for="attr_31_1">亲子关系</label>
  52. </div>
  53. <div class="box">
  54. <input type='radio' id='attr_31_2' name='leixing' value='婚姻家庭'>
  55. <label for="attr_31_2">婚姻家庭</label>
  56. </div>
  57. <div class="box">
  58. <input type='radio' id='attr_31_3' name='leixing' value='自我成长'>
  59. <label for="attr_31_3">自我成长</label>
  60. </div>
  61. <div class="box">
  62. <input type='radio' id='attr_31_4' name='leixing' value='人际关系'>
  63. <label for="attr_31_4">人际关系</label>
  64. </div>
  65. <div class="box">
  66. <input type='radio' id='attr_31_5' name='leixing' value='职业发展'>
  67. <label for="attr_31_5">职业发展</label>
  68. </div>
  69. </div>
  70. </li>
  71. <li>
  72. <div class="tip-text">您的称呼:</div>
  73. <div class="input">
  74. <input type='text' id='name' name='name' class='intxt' placeholder="请输入姓名...">
  75. </div>
  76. </li>
  77. <li>
  78. <div class="tip-text">联系方式:</div>
  79. <div class="input">
  80. <input type='text' id='tel' name='tel' class='intxt' placeholder="请输入电话...">
  81. </div>
  82. </li>
  83. <li>
  84. <div class="tip-text">问题说明:</div>
  85. <div class="textarea">
  86. <textarea id='attr_34' name='content' class="subscribe-msg" placeholder="简述咨询事宜,以便我们给您更准确的建议..."></textarea>
  87. </div>
  88. </li>
  89. <li class="center">
  90. <button class="tijiao" type="submit" id="tj">立即预约</button>
  91. </li>
  92. </ul>
  93. </div>
  94. </form>
  95. <script>
  96. $(function(){
  97. $('#tj').click(function(){
  98. //alert(1)
  99. if($('#name').val()==''){alert('请输入您的姓名!'); $("#name").focus(); return false;}
  100. if ($("#tel").val() == "") { alert("请输入你的手机!"); $("#tel").focus(); return false; }
  101. if (!$("#tel").val().match(/^(((13[0-9]{1})|(14[0-9]{1})|(15[0-9]{1})|(16[0-9]{1})|(17[0-9]{1})|(18[0-9]{1})|(19[0-9]{1}))+\d{8})$/)) { alert("手机号码格式不正确!"); $("#tel").focus(); return false;}
  102. })
  103. })
  104. </script>
  105. </div>
  106. <!--服务流程-->
  107. <div class="index-page">
  108. <div class="page-title">
  109. <h2>咨询的流程与方式 !</h2>
  110. </div>
  111. <div class="liucheng">
  112. <ul>
  113. <li>
  114. <div class="box">
  115. <h2><span>step1</span>预约与评估</h2>
  116. <p>预约方式:电话或微信
  117. 文字或语音进行初步评估</p>
  118. </div>
  119. </li>
  120. <li>
  121. <div class="box">
  122. <h2><span>step2</span>签订保密协议</h2>
  123. <p>纸质或电子版协议签订
  124. 保障来访者隐私安全</p>
  125. </div>
  126. </li>
  127. <li>
  128. <div class="box">
  129. <h2><span>step3</span>一对一咨询</h2>
  130. <p>选择心理咨询师
  131. 对父母或孩子进行评估与测量</p>
  132. </div>
  133. </li>
  134. <li>
  135. <div class="box">
  136. <h2><span>step4</span>选择咨询方式</h2>
  137. <p>线下面对面
  138. 线上语音,视频</p>
  139. </div>
  140. </li>
  141. <li>
  142. <div class="box">
  143. <h2><span>step5</span>咨询时间设置</h2>
  144. <p>60分钟/次
  145. 次数与频次由双方协商决定</p>
  146. </div>
  147. </li>
  148. </ul>
  149. </div>
  150. </div>
  151. <!--服务流程 结束-->
  152. {include file=foot.html}
  153. </body>
  154. </html>