鼠标焦点离开文本框时验证的js代码

本文为大家介绍下利用js来验证文本框的值,当鼠标焦点离开文本框时进行验证,示例代码如下,感兴趣的朋友可以参考下哈,希望对大家有所帮助
 

利用js来验证文本框的值

复制代码 代码如下:

<script>
function onblurs(){
if(frm.name.value==""){
alert("请输入您的名字!");
}else if(frm.funny.value==""){
alert("爱好不得为空哦!");
}
}
</script>
<form name="frm">
<tr>
<td>你的姓名:</td>
<td><input type="text" id="name" onblur="onblus()"/></td>
</tr><tr>
<td>你的爱好:</td>
<td><input type="text" id="funny" onblur="onblus()"/></td>
</tr>
</form>

时间: 2024-09-27 10:00:06

鼠标焦点离开文本框时验证的js代码的相关文章

鼠标焦点离开文本框时验证的js代码_javascript技巧

利用js来验证文本框的值 复制代码 代码如下: <script> function onblurs(){ if(frm.name.value==""){ alert("请输入您的名字!"); }else if(frm.funny.value==""){ alert("爱好不得为空哦!"); } } </script> <form name="frm"> <tr>

JS清除文本框内容离开在恢复及鼠标离开文本框时触发js的方法_javascript技巧

多网站的需要填写的文本框在默认状态下都会给出一个默认的提示语言,当鼠标点击此文本框的时候能够将里面的默认文本清除,当删除输入的文本且焦点离开文本框的时候再将默认的文本写入文本框. 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.jb51.net/&quo

jsp+ajax实现无刷新(鼠标离开文本框即验证用户名)实现思路_JSP编程

jsp+ajax实现无刷新,鼠标离开文本框即验证用户名,操作如下:新建一个输入页面,起名为input.jsp, 复制代码 代码如下: <%@ page contentType="text/html; charset=utf-8"%> <html> <head> <title>jsp+ajax实现无刷新_鼠标离开文本框即验证用户名</title> <meta http-equiv="Content-Type&qu

表格美化之按鼠标按钮把文本框里的值输入到表格

效果:往文本框内输入文字,按按钮可以把文本框内的文字输入到上边的单元格内 代码: Html代码 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD><TITLE> New Document </TITLE><META NAME="Generator" CONTENT="EditPlus"

91-jsp中,点击文本框后面显示删除按钮,点击其他文本框时删除按钮消失

问题描述 jsp中,点击文本框后面显示删除按钮,点击其他文本框时删除按钮消失 解决方案 好吧,楼主自己已经搞定了,本帖结束 解决方案二: 解决方案三: 解决方案四: 如第2张图所示,点击radio后的text按钮时(这里value初始值为男/女),在文本框后显示一个 删除按钮,点击删除按钮可以把整行都删除,这个已经实现. 当你点击下一个文本框时,上一个文本框的删除图标会消失/删除.你所点击的文本框后面会显示删除按钮(男的后面已经没有了,女的后面显示删除按钮) 当你再次点击男所在的文本框时,女的删

js实现鼠标点击文本框自动选中内容的方法_javascript技巧

本文实例讲述了js实现鼠标点击文本框自动选中内容的方法.分享给大家供大家参考.具体如下: 这里使用JS实现鼠标点击时自动选中文本框文本的效果,相信许多朋友都遇到这种功能的,就是当我们点击文本框的时候,文本框中默认的文字会被全部选中,这样当你输入的时候不用再去选择,省去了一些麻烦,提高了输入效率,用户肯定会喜欢这功能,那么实现的方法是怎么样呢?通过本代码你就搞明白了. 先来看看运行效果截图: 在线演示地址如下: http://demo.jb51.net/js/2015/js-mouse-click

当鼠标滑过文本框自动选中输入框内容的JS代码分享_javascript技巧

复制代码 代码如下: <html><head><title>响应鼠标自动选中文本框内容</title></head><body><input id="a" type="text" value="请输入搜索词" onmouseover="selectInputContent(this.id)"/><script type="tex

.NET WinFrom中给文本框添加拖放事件的代码_实用技巧

在开发.NET WinForm程序时,有时候我们希望窗体上的文本框能接受鼠标拖放事件,比如允许将文件直接拖放到文本框中以直接获取到文件的本地路径,或者将选取的字符串直接拖放到文本框中等等.要实现这个功能其实很简单,代码如下. 1. 将文本框的属性AllowDrop设置成True 2. 给文本框添加DragEnter事件 复制代码 代码如下: private void textBox1_DragEnter(object sender, DragEventArgs e) { if (e.Data.G

Android自动文本框输入识别提示功能代码_Android

自动提示文本框(AutoCompleteTextView)可以加强用户体验,缩短用户的输入时间(百度的搜索框就是这个效果). 相信大家都熟悉自动识别提示吧,在我们的生活中随处可见,今天就让我为大家简单介绍一下它是如何设计的. 所谓自动识别输入即是根据用户输入的已有信息,为用户提示可能的值,方便用户完成输入.在Android设备上这种功能分为:AutoCompleteTextView和MultiAutoCompleteTextView,前者为单个的自动识别,类似与搜索引擎的输入框提示:后者为多个值