首页/ mobileweb/ 电商商城 H5 模板(鑫源优选)/ 代码预览

💻 代码预览 · 电商商城 H5 模板(鑫源优选)

mw_shop · 上传者 驰旭教育
← 返回详情
js/main.js · 约 1258 字符
1(function(){
2  var tab = location.pathname.split('/').pop() || 'index.html';
3  document.querySelectorAll('.tabbar a').forEach(function(a){
4    if(a.getAttribute('href')===tab) a.classList.add('on');
5  });
6  function toast(msg){
7    var t=document.createElement('div'); t.className='toast'; t.textContent=msg;
8    document.body.appendChild(t); requestAnimationFrame(function(){t.classList.add('show');});
9    setTimeout(function(){t.classList.remove('show'); setTimeout(function(){t.remove();},300);},1800);
10  }
11  var form=document.querySelector('#contactForm');
12  if(form){
13    form.addEventListener('submit',function(e){
14      e.preventDefault();
15      var name=form.querySelector('[name=name]').value.trim();
16      var phone=form.querySelector('[name=phone]').value.trim();
17      var msg=form.querySelector('[name=msg]').value.trim();
18      if(!name||!phone){toast('请填写姓名与联系电话');return;}
19      toast('提交成功,我们会尽快与您联系!');
20      form.reset();
21    });
22  }
23  var sub=document.querySelector('#subForm');
24  if(sub){
25    sub.addEventListener('submit',function(e){
26      e.preventDefault();
27      toast('已收到您的订阅,感谢支持!');
28      sub.reset();
29    });
30  }
31})();
32