ie8不兼容input的placeholder属性但是要实现其效果的方法

<div>
<div class="Account_img">
    <div class="ion-person-stalker"></div>
 </div>
<input id="Account" name="Account" type="text" value="" placeholder="Username账户" class="valid">
    <span class="show_placeholder" id="span1">Username账户</span>
</div>

<div>
    <div class="password_img">
        <div class="fa fa-key"></div>
    </div>
<input data-val="true" data-val-required="请填写用户密码" id="Password" name="Password" type="password" placeholder="Password密码">
    <span class="show_placeholder" id="span2">Password密码</span>
</div>

<!--[if gte IE 8]>
<script type="text/javascript">
    $(document).click(function (e) {
        var e = e || window.event;
        var target = e.srcElement || e.target;
        if (target.id == ‘span1‘) {
            controll_input1();
            $(‘#Account‘).focus();

        } else if(target.id == ‘span2‘){
            controll_input2();
            $(‘#Password‘).focus();

        }else if(target.id=="Account"){
            controll_input1();
        }else if(target.id=="Password"){
            controll_input2();
        }else{
            if ($(‘#Account‘).val() == "") {
                $(‘#span1‘).show();
            }
            if ($(‘#Password‘).val() == "") {
                $(‘#span2‘).show();
            }
        }

    });

    function controll_input1(){
        $(‘#span1‘).hide();
        if ($(‘#Password‘).val() == "") {
            $(‘#span2‘).show();
        }
    }

    function controll_input2(){
        $(‘#span2‘).hide();
        if ($(‘#Account‘).val() == "") {
            $(‘#span1‘).show();
        }
    }

</script>
<style>
    .show_placeholder {
        display: inline-block;
    }

</style>
<![endif]-->