
    <script type="text/javascript">
        //TO Make the HTML Placeholder Working For IE Borwser//
        (function($){
            if( navigator.appName == 'Microsoft Internet Explorer' ){

                //id itterator if the inputs don't have ids
                var phid=0;
                $.fn.placeholder = function(){
                    return this.bind({
                        focus: function(){
                            $(this).parent().addClass('placeholder-focus');
                        },blur: function(){
                            $(this).parent().removeClass('placeholder-focus');
                        },'keyup input': function(){
                            $(this).parent().toggleClass('placeholder-changed',this.value!=='');
                        }
                    }).each(function(){
                        var $this = $(this);
                        //Adds an id to elements if absent
                        if(!this.id) this.id='ph_'+(phid++);
                        //Create input wrapper with label for placeholder. Also sets the for attribute to the id of the input if it exists.
                        $('<span class="placeholderWrap"><label for="'+this.id+'">'+$this.attr('placeholder')+'</label></span>')
                            .insertAfter($this)
                            .append($this);
                        //Disables default placeholder
                        $this.attr('placeholder','').keyup();
                    });
                };

                //Default plugin invocation
                $(function(){
                    $('input[placeholder]').placeholder();
                });
            }
        })(jQuery);

    </script>
    <style>


        .placeholderWrap{
            position: relative;

        }

        .placeholderWrap label{
            color: #C0C6CB;
            position: absolute;
            top: 4px;
            left: 15px; /* Might have to adjust this based on font-size */
            pointer-events: none;
            display: block;
            font-size:13px;
        }

        .placeholder-focus label{color: #C0C6CB;}/* could use a css animation here if desired*/
        .placeholder-changed label{
            display: none;
        }
    </style>
    <link rel="stylesheet" href="https://www.playerup.com/middleman/wp-content/plugins/escrow/css/style.css"/>
<link rel="stylesheet" href="https://www.playerup.com/middleman/wp-content/plugins/escrow/css/gridview.css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">


<!-- <style>

	@media only screen and (max-width: 500px) {
#msform {
   width: 85% !important;
}
}
</style> -->

<script src="https://www.playerup.com/middleman/wp-content/plugins/escrow/js/jquery.js" type="text/javascript"></script>


<form id="fc_regForm" method="post" action="https://www.playerup.com/middleman/?page_id=5&form=2" enctype="multipart/form-data" onsubmit="return validateForm()">
  <div class="fc_regForm_wrap">
  <h1>CREATE A MIDDLEMAN LISTING</h1>
  <div class="step_wrapper">
    <span class="step step_first">1</span>
    <span class="step step_second">2</span>
    <span class="step step_third">3</span>
  </div>

  <div class="tab">
    <p><input type="email" placeholder="Email"  name="user_email" ></p>
  </div>
  <div class="tab">
    <p><input type="text" placeholder="Product Name"  name="prod_name" ></p>
  </div>
  <div class="tab fc_tab_amount">
    <p><input type="text" placeholder="Enter price in Dollars" id="prod_price" name="prod_price" ></p>
  </div>
  <div style="overflow:auto;">
    <div>
      <button type="button" id="prevBtn" onclick="nextPrev(-1)">Back</button>
      <button type="button" id="nextBtn" onclick="nextPrev(1)">Next</button>
    </div>
  </div>
 </div>
</form>
<div id="middleman_response">
</div>
<div class="fc_mm_popup">
	<i class="fa fa-times" aria-hidden="true"></i>
	<p>Buy Now Link Price should be above $2 and valid decimal value.</p>
</div>
<div  class="fc_overlay_mm"></div>
<script>
var currentTab = 0; // Current tab is set to be the first tab (0)
showTab(currentTab); // Display the crurrent tab

function showTab(n) {
  // This function will display the specified tab of the form...
  var x = document.getElementsByClassName("tab");
  x[n].style.display = "block";
  //... and fix the Previous/Next buttons:
  if (n == 0) {
    document.getElementById("prevBtn").style.display = "none";
  } else {
    document.getElementById("prevBtn").style.display = "inline";
  }
  if (n == (x.length - 1)) {
    document.getElementById("nextBtn").innerHTML = "Submit";
    document.getElementById("nextBtn").setAttribute('name','submit');
    jQuery("#nextBtn").attr('name' , 'submit');
    jQuery("#nextBtn").attr('type' , 'submit');

  } else {
    document.getElementById("nextBtn").innerHTML = "Next";
  }
  //... and run a function that will display the correct step indicator:
  fixStepIndicator(n)
}

function nextPrev(n) {
  // This function will figure out which tab to display
  var x = document.getElementsByClassName("tab");
  // Exit the function if any field in the current tab is invalid:
  if (n == 1 && !validateForm()) return false;
  // Hide the current tab:
  x[currentTab].style.display = "none";

  // Increase or decrease the current tab by 1:
  currentTab = currentTab + n;
  // if you have reached the end of the form...
  if (currentTab >= x.length) {
    // ... the form gets submitted:
   // document.getElementById("fc_regForm").submit();
    return false;

  }
  // Otherwise, display the correct tab:
  showTab(currentTab);
}

function validateForm() {
  // This function deals with validation of the form fields
  var x, y, i, valid = true;
  x = document.getElementsByClassName("tab");
  y = x[currentTab].getElementsByTagName("input");
 var price = document.getElementById("prod_price").value;
jQuery('[type="submit"]').click(function(){

	if(isNaN(jQuery("#prod_price").val()))
	{
		jQuery(".fc_mm_popup , .fc_overlay_mm , .fc_tab_amount").show();
		return false;
	}
  else if (jQuery("#prod_price").val() <= 2 ) {
		jQuery(".fc_mm_popup , .fc_overlay_mm , .fc_tab_amount").show();
    return false;
 }
 else{
  return true;
 }
});

  // A loop that checks every input field in the current tab:
  for (i = 0; i < y.length; i++) {
    // If a field is empty...
    if (y[i].value == "") {
      // add an "invalid" class to the field:
      y[i].className += " invalid";
      // and set the current valid status to false
      valid = false;
    }
  }
  // If the valid status is true, mark the step as finished and valid:
  if (valid) {
    document.getElementsByClassName("step")[currentTab].className += " finish";
  }
  return valid; // return the valid status
}

function fixStepIndicator(n) {
  // This function removes the "active" class of all steps...
  var i, x = document.getElementsByClassName("step");
  for (i = 0; i < x.length; i++) {
    x[i].className = x[i].className.replace(" active", "");
  }
  //... and adds the "active" class on the current step:
  x[n].className += " active";
}

jQuery(".fc_mm_popup i").click(function(){
	jQuery(".fc_mm_popup").hide();
  jQuery(".fc_overlay_mm").hide();
	jQuery("#prod_price").val("");
});
/*jQuery('#fc_regForm').on('submit', function (e) {

          e.preventDefault();


          jQuery.ajax({
            type: 'post',
             data: jQuery('#fc_regForm').serialize(),
             url: 'http://d7.gotoproject.net/middleman/?page_id=5&form=2',

            success: function (response) {
              jQuery("#middleman_response").append(response);
            }
          });

        });*/

</script>
{"id":5,"date":"2013-12-09T06:46:18","date_gmt":"2013-12-09T06:46:18","guid":{"rendered":"http:\/\/www.playerup.com\/middleman\/?page_id=5"},"modified":"2016-09-29T11:26:29","modified_gmt":"2016-09-29T11:26:29","slug":"sys-2","status":"publish","type":"page","link":"https:\/\/www.playerup.com\/middleman\/?page_id=5","title":{"rendered":"Buy Now Secure Order Checkout"},"content":{"rendered":"\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/add-product.php","meta":[],"_links":{"self":[{"href":"https:\/\/www.playerup.com\/middleman\/index.php?rest_route=\/wp\/v2\/pages\/5"}],"collection":[{"href":"https:\/\/www.playerup.com\/middleman\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.playerup.com\/middleman\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.playerup.com\/middleman\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.playerup.com\/middleman\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5"}],"version-history":[{"count":8,"href":"https:\/\/www.playerup.com\/middleman\/index.php?rest_route=\/wp\/v2\/pages\/5\/revisions"}],"predecessor-version":[{"id":20,"href":"https:\/\/www.playerup.com\/middleman\/index.php?rest_route=\/wp\/v2\/pages\/5\/revisions\/20"}],"wp:attachment":[{"href":"https:\/\/www.playerup.com\/middleman\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}