javascript 获取焦点和失去焦点事件
JavaScript事件 获取 焦点 失去
2023-09-14 09:07:47 时间
利用传参的方式提高方法的复用性
这里涉及到JavaScript的字符串拼接操作
</tr> <<tr height="40px"> <td> 用户名 </td> <td> <font color="red">*<input type="text" name="user" size="32px" id="user" onfocus="showTips('user','用户名必须填!')" onblur="checkuser('user','用户名不能为空')"/> <span id="userspan"></span></font> </td> </tr> <tr height="40px"> <td> 密码 </td> <td> <font color="red">*<input type="password" name="password" id="password" size="32px" onfocus="showTips('password','密码必须填!')" onblur="checkuser('password','密码不能为空')"/> <span id="passwordspan"></span></font> </td> </tr>
<script> function showTips(id,info){ document.getElementById(id+"span").innerHTML="<font color='gray'>"+info+"</font>" } function checkuser(id,info){ //1.获取用户输入的用户名数据 var uValue=document.getElementById(id).value; //2.进行效验 if(uValue==""){ document.getElementById(id+"span").innerHTML="<font color='gray'>"+info+"</font>" }else{ document.getElementById(id+"span").innerHTML="" } } </script>
相关文章
- 【说站】Javascript继承关系的实现
- 【说站】JavaScript数组中concat方法是什么
- JavaScript 事件循环
- 「数据结构与算法Javascript描述」栈
- 现代 JavaScript 库打包指南
- JavaScript学习总结(五)——Javascript中==和===的区别详解编程语言
- JavaScript事件列表解说
- javascript完整操作Table的增加行,删除行的列子大全
- Javascript阻止javascript事件冒泡,获取控件ID值
- JavaScript全角转半角部分
- javascript事件加载与预加载
- Javascript获取链接(url)参数的方法[正则与截取字符串]
- javascript事件查询综合推荐收藏
- 解析javascript浏览器关闭事件
- javascript常用对话框小集
- javascript获取ckeditor编辑器的值(实现代码)
- javascript得到当前页的来路即前一页地址的方法
- Javascript前端UI框架Kit使用指南之kitjs事件管理
- 关于javaScript注册click事件传递参数的不成功问题
- 使用ajax操作JavaScript对象