实时显示输入信息

最新推荐文章于 2024-06-21 09:31:42 发布

weixin_30768661

最新推荐文章于 2024-06-21 09:31:42 发布

阅读量136

点赞数

原文链接：http://www.cnblogs.com/pangzi666/p/5101418.html

版权

昨天麒麟神问题怎么实时显示输入的信息，在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');
        });