您的位置:首页 > 其它

实时显示输入信息

2016-01-05 10:10 218 查看
昨天麒麟神问题怎么实时显示输入的信息,在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');
});


大家可以测试一下!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: