实时显示输入信息
2016-01-05 10:10
218 查看
昨天麒麟神问题怎么实时显示输入的信息,在jq验证的基础上改了一下:
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'); });
大家可以测试一下!
相关文章推荐
- ipyparallel 中的 pi的求法
- 新浪SAE中如何使用smarty模板
- Aptana插件版Zip包下载方法
- 如何智能的等待页面加载完成
- 闪屏情况处理
- android中的广播接收实现总结 and Android 广播大全
- 设置物体的隐藏与显示
- 如何智能的等待页面加载完成
- 记录---base64
- [self.window miniaturize:nil]缩小 再放大后 输入框失去焦点
- 基础算法8:提取出输入字符串中的域名或IP字符串
- linux上检测代码性能以及内存泄露
- Android退出应用最优雅的方式(改进版)
- Android夜间模式最佳实践
- XML操作
- TCP/IP小纪
- tomcat service启动脚本
- 如何创建一个swap文件
- Java Mocking入门—使用Mockito
- sbt环境搭建