PHP
HTML5
jq

jquery基礎、入力チェック雛形。{改正版}

jquery基礎、入力チェック雛形。{改正版}

index.html
<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="utf-8">
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <script src="test.js?<?=time()?>"></script>
</head>
<body>
    <div>
        <form>
        <input type="text" name="hoge[]" class="chk_key"><span class="p_view"></span><br>
        <input type="text" name="hoge[]" class="chk_key"><span class="p_view"></span><br>
        <input type="text" name="hoge[]" class="chk_key"><span class="p_view"></span><br>
        <input type="text" name="hoge[]" class="chk_key"><span class="p_view"></span><br>
        <input type="text" name="hoge[]" class="chk_key"><span class="p_view"></span><br>
        </form>
    </div>  
</body>
</html>
test.js
//keyチェックする処理をいれる(省略)。
function keychk(){
   console.dir($(this));
   console.log($("input").index(this));
   $(".p_view").eq($("input").index(this)).html($(this).val());
}

//入力がアレば。
$(function(){
   $("input").blur(keychk);
   $("input").keyup(keychk);
   $("input").keydown(keychk);
   $("input").focus(keychk);
});