Skip to content

Instantly share code, notes, and snippets.

@yinsee
Last active September 25, 2017 00:23
Show Gist options
  • Save yinsee/65953741c1a52365743da679d92f4339 to your computer and use it in GitHub Desktop.
Save yinsee/65953741c1a52365743da679d92f4339 to your computer and use it in GitHub Desktop.
Poll demo
<p>
尊敬的先生/女士,我们要感谢您的参与。希望再次与您进行调查。
<br><br>
谢谢.<br>
项目经理<br>
</p>
<!doctype html><html lang="en"><head> <meta charset="utf-8"/> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> <title>My Favourite (Chinese) Artists Poll</title> <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport'/> <meta name="viewport" content="width=device-width"/> <meta name="csrf_token" content="eyJpdiI6ImQ0Tk9PXC9uZHU1ejh0QzFVRVl5b053PT0iLCJ2YWx1ZSI6Ikt1RTRlaWRJU1FmdkpSUnc2akpBYUxhbnRHRzNDKzlpdzRcL0J3eFVIRmlpZWt0SzhiSnl5VUcyWkNNamJSWllUd0Z6ekd4TFZtV2JZSUtmZitrUjg0dz09IiwibWFjIjoiMjIwODc1Y2Q0ZDVhNGQ3MzVjMDZmYTUwZGNiMzg1NWQ0NjQxMGU5NzI5YTg5MzE2ZjhhMThjMWFkNTFkODdhNiJ9"/> <link href="https://campaigns.smartshopper.my/theme/web/css/bootstrap.min.css" rel="stylesheet"/> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"></head><body><div class="container" style="margin-top:2em"> <div class="panel panel-default"> <div class="panel-body"> <form class="form" method="get" action="https://cdn.rawgit.com/yinsee/65953741c1a52365743da679d92f4339/raw/79024abfd88eb196c8cf053facab0985aded4732/complete.html" onsubmit="return b(this)"> <input type="hidden" name="_token" value="wU9nQ53T75xeOY9CN6egCxNlEcxipLTb0u8TiCLB"> <h3 class="text-center"> 在以下16名艺人当中,哪5个是你的最喜爱?请选出你的首5名 </h3> <div class="form-group"> <label> 最喜爱 </label> <select class="form-control" required name="votes[1]"> <option value=""></option> <option>周杰伦 JAY CHOU</option> <option>田馥甄 HEBE TIEN</option> <option>彭于晏 EDDIE PENG</option> <option>A-Lin</option> <option>周兴哲 ERIC CHOU</option> <option>王力宏 WANG LEEHOM</option> <option>蔡依林 JOLIN TSAI</option> <option>杨丞琳 RAINIE YANG</option> <option>张韶涵 ANGELA CHANG</option> <option>邓紫棋 G.E.M.</option> <option>林宥嘉 YOGA LIN</option> <option>林依晨 ARIEL LIN</option> <option>邱泽 ROY CHIU</option> <option>高以翔 GODFREY GAO</option> <option>潘玮柏 WILBER PAN</option> <option>陈乔恩 JOE CHEN</option> </select> </div><div class="form-group"> <label> 第二喜爱 </label> <select class="form-control" required name="votes[2]"> <option value=""></option> <option>周杰伦 JAY CHOU</option> <option>田馥甄 HEBE TIEN</option> <option>彭于晏 EDDIE PENG</option> <option>A-Lin</option> <option>周兴哲 ERIC CHOU</option> <option>王力宏 WANG LEEHOM</option> <option>蔡依林 JOLIN TSAI</option> <option>杨丞琳 RAINIE YANG</option> <option>张韶涵 ANGELA CHANG</option> <option>邓紫棋 G.E.M.</option> <option>林宥嘉 YOGA LIN</option> <option>林依晨 ARIEL LIN</option> <option>邱泽 ROY CHIU</option> <option>高以翔 GODFREY GAO</option> <option>潘玮柏 WILBER PAN</option> <option>陈乔恩 JOE CHEN</option> </select> </div><div class="form-group"> <label> 第三喜爱 </label> <select class="form-control" required name="votes[3]"> <option value=""></option> <option>周杰伦 JAY CHOU</option> <option>田馥甄 HEBE TIEN</option> <option>彭于晏 EDDIE PENG</option> <option>A-Lin</option> <option>周兴哲 ERIC CHOU</option> <option>王力宏 WANG LEEHOM</option> <option>蔡依林 JOLIN TSAI</option> <option>杨丞琳 RAINIE YANG</option> <option>张韶涵 ANGELA CHANG</option> <option>邓紫棋 G.E.M.</option> <option>林宥嘉 YOGA LIN</option> <option>林依晨 ARIEL LIN</option> <option>邱泽 ROY CHIU</option> <option>高以翔 GODFREY GAO</option> <option>潘玮柏 WILBER PAN</option> <option>陈乔恩 JOE CHEN</option> </select> </div><div class="form-group"> <label> 第四喜爱 </label> <select class="form-control" required name="votes[4]"> <option value=""></option> <option>周杰伦 JAY CHOU</option> <option>田馥甄 HEBE TIEN</option> <option>彭于晏 EDDIE PENG</option> <option>A-Lin</option> <option>周兴哲 ERIC CHOU</option> <option>王力宏 WANG LEEHOM</option> <option>蔡依林 JOLIN TSAI</option> <option>杨丞琳 RAINIE YANG</option> <option>张韶涵 ANGELA CHANG</option> <option>邓紫棋 G.E.M.</option> <option>林宥嘉 YOGA LIN</option> <option>林依晨 ARIEL LIN</option> <option>邱泽 ROY CHIU</option> <option>高以翔 GODFREY GAO</option> <option>潘玮柏 WILBER PAN</option> <option>陈乔恩 JOE CHEN</option> </select> </div><div class="form-group"> <label> 第五喜爱 </label> <select class="form-control" required name="votes[5]"> <option value=""></option> <option>周杰伦 JAY CHOU</option> <option>田馥甄 HEBE TIEN</option> <option>彭于晏 EDDIE PENG</option> <option>A-Lin</option> <option>周兴哲 ERIC CHOU</option> <option>王力宏 WANG LEEHOM</option> <option>蔡依林 JOLIN TSAI</option> <option>杨丞琳 RAINIE YANG</option> <option>张韶涵 ANGELA CHANG</option> <option>邓紫棋 G.E.M.</option> <option>林宥嘉 YOGA LIN</option> <option>林依晨 ARIEL LIN</option> <option>邱泽 ROY CHIU</option> <option>高以翔 GODFREY GAO</option> <option>潘玮柏 WILBER PAN</option> <option>陈乔恩 JOE CHEN</option> </select> </div><div class="checkbox"> <label> <input type="checkbox" name="agreement" required/> <p>我同意将上述提供的个人信息转交给第三方以配合此活动的进行。</p></label> </div><p class="text-center"> <button class="btn btn-success" type="submit" id="load" data-loading-text="<i class='fa fa-spinner fa-spin'></i> SUBMITTING ..."> 投票 </button> </p></form> </div></div><script>function b(i){var s=$(i).find("[required]"),t=!1;return $(s).each(function(){return""==$(this).val()||$(this).is(":checkbox")&&!$(this).is(":checked")?($(this).css("outline","1px solid red"),$(this).focus(),t=!0,!1):void $(this).css("outline","")}),t?!1:($("#load").html($("#load").data("loading-text")).addClass("disabled").attr("disabled",!0),!0)}</script></div></body> <script src="https://campaigns.smartshopper.my/theme/admin/js/jquery-1.10.2.js" type="text/javascript"></script> <script src="https://campaigns.smartshopper.my/theme/admin/js/bootstrap.min.js" type="text/javascript"></script> <script>$(function(){$("select").on("change",function(){$("option").attr("disabled",!1),$("select").each(function(){var t=$(this).val();t&&$("option").not(":selected").each(function(){this.disabled=this.disabled||this.value==t})})})});</script></html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment