Почему у меня есть ошибка проверки?

Question

Моя страница http://validator.w3.org показать мне ошибка в строке:

$("<input type='text' />") 

Почему? Не соответствует ли мой код? Я представляю фрагмент кода. Пожалуйста помоги.

<form action="{$smarty.const.APP_URL}user/login/" method="post"> 
    <table style="margin:0 auto 0 auto;"> 
     <tr> 
      <td><input type="text" size="25" name="user_login" value="Tw&#243;j login" onfocus="javascript:if(this.value=='Tw&#243;j login')this.value='';" onblur="javascript:if(this.value=='')this.value='Tw&#243;j login';" /></td> 
      <td><input type="password" size="25" name="user_password" id="password" /></td> 
      <td><input type="submit" class="btnLogin" value="" /></td> 
     </tr><tr> 
      <td colspan="3"> 
       <p align="right"><a href="{$smarty.const.APP_URL}user/register/">utwórz konto</a> | <a href="{$smarty.const.APP_URL}user/password-reminder/">zapomniałem hasła</a></p> 
      </td> 
     </tr> 
    </table> 
</form> 
{/if} 
{literal} 
<script type="text/javascript"> 
    $(document).ready(function() { 
     ("<input type='text' />") 
      .attr("name", "password_mask") 
      .attr("id", "password_mask") 
      .attr("size","25") 
      .val("Twoje has\u0142o") 
      .insertAfter("#password"); 

     $("#password_mask").focus(function() { 
      $(this).hide(); 
      $("#password").show().focus(); 
     }); 

     $("#password").hide().blur(function() { 
      if($(this).val().length == 0) { 
       $(this).hide(); 
       $("#password_mask").show(); 
      } 
     }); 
    }); 
</script> 
{/literal} 
</div> 

Answer 1

Согласно DOCTYPE вас есть код JavaScript, возможно, должны быть обернуты как это:

<script type="text/javascript"> 
<!-- 
    $(document).ready(function() { 
     $("<input type='text' />") 
     //... 
    }); 
//--> 
</script> 

Это позволит эффективно сказать HTML валидатор игнорировать содержимое.

Answer 2

У вас есть $ отсутствует:

$(document).ready(function() { 
    ("<input type='text' />") 
---^ 

Замените его:

$(document).ready(function() { 
    $("<input type='text' />") 

Может быть, то {/if}, {literal} Smarty теги PHP может не получить разобран JavaScript, если они приходите, не разбираясь с Smarty!

Answer 3

это не об отсутствии $, это то, что валидатор не разобрать JS - когда он видит «» он рассматривает его как HTML узел - попробуйте переместить JavaScript во внешний файл