实时显示输入信息

昨天麒麟神问题怎么实时显示输入的信息,在jq验证的基础上改了一下:

html部分

  <form>
        <p>姓名:<input type="text" id="test"></p>
        <div id="show"></div>
    </form>

jq部分

    $("form :input").blur(function(){
            var text = $(this).val();
            $("#show").text(text);
            // 添加事件
        }).keyup(function() {
                    // 实时验证
                $(this).triggerHandler('blur');
        }).focus(function(){
                    // 获取焦点时验证
                $(this).triggerHandler('blur');
        });

大家可以测试一下!

posted @ 2016-01-05 10:10  月半字  阅读(229)  评论(0编辑  收藏  举报