public.js 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389
  1. $(function(){
  2. //导航
  3. var thead=$('header').clone(true);
  4. $('body').append(thead);
  5. thead.addClass('h_fix');
  6. $(window).scroll(function(){
  7. var scrolltop=$(document).scrollTop()
  8. if(scrolltop>500){
  9. $('.h_fix').slideDown(200);
  10. }else{
  11. $('.h_fix').slideUp(200);
  12. }
  13. });
  14. $(".index_blur").html("×");
  15. $(".pub_fix").after("<div class='right_cebian'>侧边导航</div>");
  16. $(".index_blur").click(function(){
  17. $(".pub_fix").animate({right:"-70px"},"fast",function(){
  18. $(".right_cebian").show("fast");
  19. });
  20. });
  21. $(".right_cebian").click(function(){
  22. $(".right_cebian").hide("fast");
  23. $(".pub_fix").animate({right:"20px"},"fast",function(){
  24. });
  25. });
  26. //二级导航
  27. $('.nav ul li').mouseenter(function(){
  28. $(this).find('.subnavigation').slideDown(100);
  29. });
  30. $('.nav ul li').mouseleave(function(){
  31. $(this).find('.subnavigation').slideUp(100);
  32. $('.nav ul li').stop(false,true);
  33. });
  34. //挂件
  35. $('.pendent_box').click(function(e){
  36. e.preventDefault();
  37. $("body,html").animate({scrollTop:0},1000)
  38. });
  39. //登陆页面
  40. var hht=$(window).height();
  41. $('.login').height(hht);
  42. $('#Lo_user').focus(function(){
  43. $(this).css({color:'#333333'})
  44. })
  45. $('#Lo_pass').focus(function(){
  46. $(this).val('').css({color:'#333333'});
  47. });
  48. $('#checks').attr('checked',true)
  49. $('#checks').click(function(){
  50. var Cheack=$(this).prop('checked')
  51. if(Cheack){
  52. $('#checks').attr('checked',true)
  53. $(this).parent().removeClass("lab_checkno").addClass("lab_check");
  54. $('#checkst').prop('checked',false);
  55. $('#checkst').parent().removeClass("lab_check").addClass("lab_checkno");
  56. }
  57. })
  58. $('#checkst').click(function(){
  59. var Cheack_no=$(this).prop('checked')
  60. if(Cheack_no){
  61. $(this).parent().removeClass("lab_checkno").addClass("lab_check");
  62. $('#checks').prop('checked',false);
  63. $('#checks').parent().removeClass("lab_check").addClass("lab_checkno");
  64. }
  65. })
  66. //点击x
  67. $('.log_del').click(function(){
  68. $('#Lo_user').val('');
  69. $('#Lo_user').focus();
  70. $('#Lo_user').css({color:'#333333'});
  71. })
  72. // 登陆事件
  73. $('.head_login').click(function(e){
  74. e.preventDefault();
  75. $('.login').fadeIn(800)
  76. $('#form_register').fadeOut(800)
  77. })
  78. $('.login_close').click(function(){
  79. $('.login').fadeOut(800)
  80. $('#form_register').fadeIn(800)
  81. })
  82. $('#form_login').submit(function(e){
  83. e.preventDefault();
  84. var Suser=$('#Lo_user').val();
  85. var Spass=$('#Lo_pass').val();
  86. var check_experts=$('#checks').prop('checked');
  87. var experts=check_experts?0:1;
  88. if(Suser==''||Spass==''||Suser=='用户名/邮箱/手机'||Spass=='请输入密码'){
  89. return false;
  90. }else{
  91. $.ajax({
  92. method: "POST",
  93. dataType: "json",
  94. url: globalConfig.context + "/signin",
  95. data: {
  96. "mobile": Suser,
  97. "password": Spass,
  98. "type": experts,
  99. "remember": false
  100. },
  101. success: function (rest) {
  102. if (rest.error && rest.error.length) {
  103. $('#msg').val(rest.error[0].message);
  104. msg();
  105. } else {
  106. var data = rest.data;
  107. if (data && data.requestURI) {
  108. var path = globalConfig.context + data.requestURI;
  109. if (data.queryString) {
  110. path += '?' + data.queryString;
  111. }
  112. if (window.location.hash) {
  113. path += window.location.hash;
  114. }
  115. window.location.href = path;
  116. } else {
  117. window.location.href = globalConfig.context + "/user/account/index.html";
  118. }
  119. }
  120. }
  121. })
  122. }
  123. })
  124. //提示框渐隐函数
  125. function msg(){
  126. var lit=$('#msg').val();
  127. if(lit!==''){
  128. $('.smg').fadeIn(500)
  129. }
  130. setTimeout(function(){
  131. $('.smg').fadeOut(500)
  132. $('#msg').val('')
  133. },2000)
  134. }
  135. //在线客服
  136. (function(m, ei, q, i, a, j, s) {
  137. m[i] = m[i] || function() {
  138. (m[i].a = m[i].a || []).push(arguments)
  139. };
  140. j = ei.createElement(q),
  141. s = ei.getElementsByTagName(q)[0];
  142. j.async = true;
  143. j.charset = 'UTF-8';
  144. j.src = 'https://static.meiqia.com/dist/meiqia.js?_=t';
  145. s.parentNode.insertBefore(j, s);
  146. })(window, document, 'script', '_MEIQIA');
  147. _MEIQIA('entId', 77931);
  148. _MEIQIA('withoutBtn');
  149. //忘记密码事件
  150. //首先设定确认按钮为不能点击,并且颜色为灰色
  151. //$('.forget_sub').attr('disabled', true);
  152. //$('.forget_sub').css({background: '#CCCCCC',border: 'none'});
  153. //$('.new_password_sub').attr('disabled', true);
  154. //$('.new_password_sub').css({background: '#CCCCCC',border: 'none'});
  155. //企业和个人的选择,图形改变
  156. $('#forget_checks').attr('checked',true);
  157. $('#forget_checks').click(function(){
  158. var Cheack=$(this).prop('checked');
  159. if(Cheack){
  160. $('#checks').attr('checked',true);
  161. $(this).parent().removeClass("lab_checkno").addClass("lab_check");
  162. $('#forget_checkst').prop('checked',false);
  163. $('#forget_checkst').parent().removeClass("lab_check").addClass("lab_checkno");
  164. }
  165. });
  166. $('#forget_checkst').click(function(){
  167. var Cheack_no=$(this).prop('checked');
  168. if(Cheack_no){
  169. $(this).parent().removeClass("lab_checkno").addClass("lab_check");
  170. $('#forget_checks').prop('checked',false);
  171. $('#forget_checks').parent().removeClass("lab_check").addClass("lab_checkno");
  172. }
  173. });
  174. //点击登录界面的忘记密码 ,将会弹出忘记密码界面
  175. $('.login_check a').click(function(e){
  176. e.preventDefault();
  177. $('.login').fadeOut(800);
  178. $('#form_register').fadeOut(800);
  179. $("#forget").fadeIn(800);
  180. });
  181. //点击忘记密码右上角的×,将会关闭界面并清空里面的内容
  182. $('#forget .login_close').click(function(){
  183. $('#forget').fadeOut(800);
  184. $('#form_register').fadeIn(800);
  185. $("#forget_phone").val("");
  186. $("#forget_yanzheng").val("");
  187. $("#photo_n").val("");
  188. });
  189. //点击取消,相当于点击×
  190. $("#forget .fastener_right").click(function(){
  191. $('#forget .login_close').click();
  192. });
  193. //点击重置密码右上角的×,将会关闭界面并清空里面的内容
  194. $('#new_password .login_close').click(function(){
  195. $('#new_password').fadeOut(800)
  196. $('#form_register').fadeIn(800)
  197. });
  198. //点击取消,相当于点击×
  199. $("#new_password .fastener_right").click(function(){
  200. $('#new_password .login_close').click();
  201. });
  202. //点击忘记密码里面的确认,则发送一个请求,并跳转到重置密码界面
  203. $('#forget_form').submit(function(e){
  204. e.preventDefault();
  205. var phone_forget=$("#forget_phone").val();
  206. var yanzheng_forget=$("#forget_yanzheng").val();
  207. var phone_n_forget=$("#photo_n").val();
  208. var types = $('#forget_checks').prop("checked") ? '0' : '1';//团体/个人
  209. if(phone_forget==''||yanzheng_forget==''||phone_n_forget==''){
  210. return false;
  211. }else {
  212. $.ajax({
  213. type: "POST",
  214. dataType: "json",
  215. url: globalConfig.context + "/open/checkMCode",
  216. data: {
  217. //"mobile": phone_forget,
  218. "mobileCode": phone_n_forget
  219. },
  220. success: function (rest) {
  221. if (rest.error && rest.error.length) {
  222. $('#msg').val(rest.error[0].message);
  223. msg();
  224. } else {
  225. $('#forget').fadeOut(800);
  226. $('#form_register').fadeOut(800);
  227. $("#new_password").fadeIn(800);
  228. $(".password_top>h4").attr("val",rest.data);
  229. }
  230. }
  231. })
  232. }
  233. });
  234. function pass_new(){
  235. $('#new_pass').blur(function () {
  236. var pass_pattern=/^\w{6,12}$/;
  237. var new_pass=$("#new_pass").val();
  238. var new_pass_again=$("#new_pass_again").val();
  239. if (new_pass==''||!pass_pattern.test(new_pass)) {
  240. $(this).val('');
  241. $(this).attr('placeholder', '请输入6-12位数密码');
  242. }
  243. if (new_pass!==new_pass_again) {
  244. $('#new_pass_again').val('')
  245. $('#new_pass_again').attr('placeholder', '确认密码')
  246. }
  247. });
  248. }
  249. pass_new();
  250. function pass_new_again(){
  251. //密码相同验证
  252. $('#new_pass_again').blur(function () {
  253. var new_pass=$("#new_pass").val();
  254. var new_pass_again=$("#new_pass_again").val();
  255. if (new_pass !== new_pass_again||new_pass_again == '') {
  256. $(this).val('');
  257. $(this).attr('placeholder', '确认密码')
  258. }
  259. });
  260. }
  261. pass_new_again()
  262. //点击重置密码里面的确认,则发送一个请求,并关闭重置密码界面
  263. $('#new_password_form').submit(function(e){
  264. e.preventDefault();
  265. var pass_pattern=/^\w{6,12}$/;
  266. var phone_forget=$("#forget_phone").val();
  267. var new_pass=$("#new_pass").val();
  268. var new_pass_again=$("#new_pass_again").val();
  269. var types = $('#forget_checks').prop("checked") ? '0' : '1';//团体/个人
  270. var reset_code=$(".password_top>h4").attr("val");
  271. if(new_pass==''||!pass_pattern.test(new_pass)||new_pass!==new_pass_again){
  272. return false;
  273. }else {
  274. $.ajax({
  275. type: "post",
  276. dataType: "json",
  277. url: globalConfig.context + "/open/resetPwd",
  278. data: {
  279. "mobile": phone_forget,
  280. "type": types,
  281. "resetCode":reset_code,
  282. "newPwd": new_pass
  283. },
  284. success: function (rest) {
  285. if (rest.error && rest.error.length) {
  286. $('#msg').val(rest.error[0].message);
  287. msg();
  288. } else {
  289. $('.login').fadeIn(800);
  290. $('#form_register').fadeOut(800);
  291. $("#new_password").fadeOut(800);
  292. }
  293. }
  294. })
  295. }
  296. });
  297. //手机号码的验证
  298. function photoyanzheng(){
  299. var pho_pattern=/^1[3|4|5|7|8][0-9]{9}$/;
  300. $("#forget_phone").keyup(function(){
  301. var phol= $(this).val();
  302. if(pho_pattern.test(phol)){
  303. $('#photo_m').attr('disabled', false);
  304. $("#photo_m").css("color","#F18101");
  305. }else if(!pho_pattern.test(phol)){
  306. $('#photo_m').attr('disabled', true);
  307. $("#photo_m").css("color","#ccc");
  308. }
  309. });
  310. $('#forget_phone').blur(function () {
  311. var pho= $(this).val();
  312. if (pho==''||!pho_pattern.test(pho)) {
  313. $(this).val('');
  314. $(this).attr('placeholder', '请输入正确的号码')
  315. } else{
  316. $('#photo_m').attr('disabled', false);
  317. $("#photo_m").css("color","#F18101");
  318. }
  319. })
  320. }
  321. photoyanzheng();
  322. //手机验证码
  323. function photo_n(){
  324. $('#photo_n').blur(function () {
  325. var phoa = $(this).val();
  326. if (phoa=='') {
  327. $(this).val('');
  328. $(this).attr('placeholder', '请输入验证码');
  329. }
  330. })
  331. }
  332. photo_n();
  333. //点击刷新图片验证码
  334. $('.yanzhengma_cont_').click(function () {
  335. $('.yanzhengma_cont_ img').attr('src', (globalConfig.context + "/open/getVCode?t=" + Math.random()))
  336. });
  337. var tt = 30;
  338. $('#photo_m').click(function () {
  339. //手机验证功能
  340. var ophoto = $('#forget_phone').val();
  341. var types = $('#forget_checks').prop("checked") ? '0' : '1';
  342. var phott = $('#forget_yanzheng').val();
  343. //验证码倒计时
  344. $('#photo_m').attr('disabled', true);
  345. $(this).attr('disabled', true);
  346. var timer = setInterval(function () {
  347. tt -= 1;
  348. $('#photo_m').attr('disabled', true);
  349. $(this).val("发送"+'('+tt+'s'+')');
  350. $(this).css({color:'#cccccc'})
  351. if (tt == 0) {
  352. clearInterval(timer);
  353. $('#photo_m').attr('disabled', false);
  354. $(this).attr('disabled', false);
  355. tt=30;
  356. $(this).css({color:'rgb(241, 129, 1)'})
  357. $(this).val('重新发送');
  358. }
  359. }.bind(this), 1000);
  360. $.ajax({
  361. type: "GET",
  362. url: globalConfig.context + "/open/getMCode",
  363. data: {
  364. "mobile": ophoto,
  365. "sign": true,
  366. "type": types,
  367. "verificationCode": phott
  368. },
  369. success: function (data) {
  370. if (data.error && data.error.length) {
  371. $('#msg').val(data.error[0].message);
  372. msg();
  373. } else {
  374. $('#msg').val('发送成功');
  375. msg();
  376. }
  377. return true;
  378. }
  379. });
  380. });
  381. });