首页站内杂志技术文摘
文章内容页

【js代码】帝国cms内容页投诉或者报错弹窗

  • 作者:雨祺
  • 来源: 原创
  • 发表于2022-02-08 14:42:41
  • 被阅读0
  • 帝国cms内容页投诉或者报错弹窗,有需要的拿去。
    1. //投诉或报错弹窗 
    2. $(function(){ 
    3.     $('.tsbc').bind('click',function(e){ 
    4.         $(".backdrop").show(); 
    5.         if(!$(".complain").html()){ 
    6.             $(".backdrop").after('<div class="complain"><div class="complain-dialog"><div class="complain-hd"><span class="pop-close" title="关闭"></span><h3>软件投诉或纠错</h3></div><div class="tab-bar clearfix"><span>问题:</span><label for="complain1"><input type="radio" id="complain1" checked="" rel="complain-1" value="0" name="complain">无法下载</label><label for="complain2"><input type="radio" id="complain2" rel="complain-2" value="1" name="complain">版本过旧</label><label for="complain3"><input type="radio" id="complain3" rel="complain-3" value="2" name="complain">内容编辑错误</label><label for="complain4"><input type="radio" id="complain4" rel="complain-4" value="3" name="complain">软件侵权</label><label for="complain5"><input type="radio" id="complain5" rel="complain-5" value="4" name="complain">软件报毒</label><label for="complain6"><input type="radio" id="complain6" rel="complain-6" value="5" name="complain">其他问题</label></div><div class="complain-form"><div class="form-txt clearfix"><span>说明:</span><textarea name="problem" id="item-1" placeholder="请在这里描述您遇到的错误问题..."></textarea></div><div class="button-box"><button id="complainTj" name="complainTj" type="button" onclick="feedback_up();" class="button sub_button">提交</button></div></div></div></div>'); 
    7.         } 
    8.         $(".complain").show(); 
    9.         $(".complain-form .form-txt textarea").click(function(){ 
    10.             $(this).css("color","#333"); 
    11.         }); 
    12.         e.stopPropagation(); 
    13.     }); 
    14.  
    15.     $('.pop-close').live('click',function(e){ 
    16.         $(".complain").hide(); 
    17.         $(".backdrop").hide(); 
    18.         e.stopPropagation(); 
    19.     }); 
    20.     $('.backdrop').bind('click',function(e){ 
    21.         $(".complain").hide(); 
    22.         $(".backdrop").hide(); 
    23.         e.stopPropagation(); 
    24.     }); 
    25.     $('.complain').bind('click',function(e){ 
    26.         $(".complain").show(); 
    27.         $(".backdrop").show(); 
    28.         e.stopPropagation(); 
    29.     }); 
    30. }); 
    31.  
    32. function feedback_up(){ 
    33.     var types=$(".complain input[name=complain]:checked").val(); 
    34.     var url=window.location.href; 
    35.     var problem=$("#item-1").val(); 
    36.     if(!problem){ 
    37.         alert('反馈问题描述不能为空!'); 
    38.         $("#item-1").focus(); 
    39.         return
    40.     } 
    41.     if(problem.length<5){ 
    42.         alert('反馈问题描述不能小于5个汉字!'); 
    43.         $("#item-1").focus(); 
    44.         return
    45.     } 
    46.     $.ajax({ 
    47.         url: '/index.php?m=seahot&c=index&a=feedback_up'
    48.         type: 'POST'
    49.         dataType: 'json'
    50.         data: {'types':types,'url':url,'problem':problem}, 
    51.         success: function(data){ 
    52.             if(data.status==1){ 
    53.                 alert(data.msg); 
    54.                 $(".complain").hide(); 
    55.                 $(".backdrop").hide(); 
    56.             }else
    57.                 alert(data.msg); 
    58.             } 
    59.         } 
    60.     }); 
    【审核人:站长】

        标题:【js代码】帝国cms内容页投诉或者报错弹窗

        本文链接:https://www.meiweny.cn/zazhi/zhongwangjiaocheng/80.html

        赞一下

        深度阅读

        • 您也可以注册成为美文苑的作者,发表您的原创作品、分享您的心情!

        阅读记录

          关注美文苑