JSP输入框空验证：利用onblur标签实现的移动鼠标时的验证

最新推荐文章于 2024-02-16 17:42:45 发布
最新推荐文章于 2024-02-16 17:42:45 发布
阅读量550 收藏 1
点赞数
文章标签： java javascript ViewUI 
<%@page language="java"import="java.util.*"pageEncoding="UTF-8"%>

<%

   String path = request.getContextPath();

   String basePath = request.getScheme() +"://"

        + request.getServerName() +":" + request.getServerPort()

        + path + "/";

%>

 

<!DOCTYPEHTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

   <head>

 

     <title>My JSP 'login.jsp' starting page</title>

 

     <metahttp-equiv="pragma"content="no-cache">

     <metahttp-equiv="cache-control"content="no-cache">

     <metahttp-equiv="expires"content="0">

     <metahttp-equiv="keywords"content="keyword1,keyword2,keyword3">

     <metahttp-equiv="description"content="This is my page">

     <metahttp-equiv="Content-Type"content="text/html; charset=UTF-8">

 

 

 

<styletype="text/css">

 

.userText {

   border:1px solid red; 

   background-image:url(../images/userVerify.gif);

   background-repeat:repeat-x; 

   background-position:bottom;

}

.userText2 {             

}

</style>

 

 

<scripttype="text/javascript">

functioncheckName(){

varuserName=document.getElementById("userName").value;

if(userName==""){

 alert("你什么都木有输入，提交什么？");

}

}

functioncheckText(){

varuserName=document.getElementById("userName").value;

if(userName==""){

 document.getElementById("userName").className="userText";

}else{

document.getElementById("userName").className="userText2";

}

}

 

</script>

   </head>

 

   <body>

     <inputtype="text"id="userName" οnblur="checkText()"/><br/>

     <inputtype="text"id="userPass"/>

     <inputtype="button"id="verifyButton"value="提交"οnclick="checkName();"/>

   </body>

</html>


iteye_14608
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js操作输入框提示信息且响应鼠标事件
12-11
我们经常遇到一些输入框，比如注册网站的输入框就有默认提示值，当获取鼠标焦点的时候，默认值被删除，当用户没输入东西焦点离开的时候，又恢复默认提示值。这方法用js代码实现如下： html代码： 代码如下: <...
JS中onkeydown, onkeyup, onblur 三个事件对比 并js实现判断文本框是否为空和按Enter键实现Tab换行
chr23899的专栏
02-13 7268
JS中onkeydown, onkeyup, onblur 三个事件对比 并js实现判断文本框是否为空和按Enter键进行换行 1.onkeydown, onkeyup, onblur   onkeydown: 是按下键盘中某个键时触发  onkeyup: 是按下键盘中某个键并弹起时触发  最明显的是Textbox 当光标在Textbox上，你按下'a'键时  onkeydown是先响
jsp的＜input＞标签onblur失去焦点事件失效问题
VictorTinyEvil的博客
06-22 2048
用IDEA执行 问题原因：因为我的这部分代码是copy来的，所以碰到一个特别坑的问题 注意这个onblur，可能因为我的主题是暗色的，所以这个高亮不是很明显 当我们把鼠标移到这里时，会发现Attribute οnblur is not allowed here的提示，这就是问题所在了，应该是idea自己的问题，按照提示 Alt+Shift+Enter,问题解决...
Jsp中onBlur事件在引入jqury后提示函数失效
wxs47820的博客
03-26 937
Jsp中onBlur事件在引入jqury后提示函数失效 onBlur事件 onblur 事件会在对象失去焦点时发生。 语法 οnblur=“SomeJavaScriptCode” 参数描述 SomeJavaScriptCode 必需。规定该事件发生时执行的 JavaScript。 问题 正常情况下onBlur事件绑定一个js函数是没有问题的，但是在js中引入jQuery后就会失效，提示：Uncau...
JavaScript中的onblur（失去焦点）应用
最新发布
qiuqiule6的博客
02-16 1534
提示：onblur 相反事件为 onfocus 事件。ondblclick— 鼠标左键双击事件。onmouseover— 鼠标移入事件。onmouseout-- 鼠标移出事件。onmousemove— 鼠标移动事件。onmousedown— 鼠标按下事件。oninput---- 内容改变事件。onclick— 鼠标左键单击事件。onmouseup— 鼠标抬起事件。onkeydown— 键盘按下事件。onchange— 内容改变事件。onkeyup— 键盘抬起事件。onblur— 失去焦点事件。
javascript 中的onblur 事件
k_1991的专栏
11-05 3425
最开始的情况是这样的，在我们看一个电视镜头时，画面上有两个人，一远一近，如果远处的人在说话，我们将镜头位伸，焦点在远处的人身人，而近处的人就模糊了，而拉近时，近处的人会清晰，远处的人处于失焦的情况下就会模糊。 这个与网页中的情况很象的，一个网页中只有一个焦点，这个焦点到一个对象上去，那么其余的对象都是在失焦的状况下的。所以人家使用了onblur作为事件从焦点转移的事件是没有错的。 我想这个对象
jsp表单验证汇总
10-24
js验证表单大全js验证radio是否选择 <script language="javascript">function checkform(obj){for(i=0;i;i++) if(obj.oo[i].checked==true) return true; alert("请选择")return false; }</script><form id="form1...
鼠标焦点离开文本框时验证的js代码
01-19
利用js来验证文本框的值 代码如下: [removed] function onblurs(){ if(frm.name.value==””){ alert(“请输入您的名字！”); }else if(frm.funny.value==””){ alert(“爱好不得为空哦！”); } } ...
input输入框鼠标焦点提示信息
01-19
input type=”text” name=”name” id=”name” class=”ind_cont_input ind_cont_inputioce1″ onfocus=”if (value ==’请输入2-5个中文名字’){value =”}” onblur=”if (value ==”){value=’请输入2-5个中文...
jsp+ajax实现的局部刷新较验验证码(onblur事件触发较验)
01-08
本文实例讲述了jsp+ajax实现的局部刷新较验验证码(onblur事件触发较验)。分享给大家供大家参考，具体如下： 前台显示页面: welcome.jsp <%@ page language=java contentType=text/html; utf-8 pageEncoding...
老生常谈onBlur事件与onfocus事件(js)
10-21
下面小编就为大家带来一篇老生常谈onBlur事件与onfocus事件(js)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
jsp+ajax局部刷新校验验证码，onblur触发校验
iteye_804的博客
02-25 232
前台显示页面: welcome.jsp &lt;%@ page language="java" contentType="text/html; utf-8" pageEncoding="utf-8"%&gt; &lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org
jsp实现密码核对
qq_52108058的博客
10-23 1578
确认密码与输入的密码相同时验证成功可以提交。当输入的确认密码与密码不同时，不可以提交。onblur 事件会在对象失去焦点时发生。
初识onclick、onblur、onchange
kngines
10-22 7156
onclick、onblur、onchange 有什么区别   一些人开发的 jsp 页面真的不敢恭维，有时候实在是太杂乱无章，不过也有自己的原因，谁让自己编写 js 等脚本的能力那么衰呢！ 问题描述： 页面中存在如下图的输入框，进入页面后，会默认给出“起始日期”、“结束日期”，现要求如果“被加变量”一旦改动，程序会自动给出结束日期值。 详细参考下面截图（注意红色箭头
js给文本框动态绑定onblur方法，失焦的时候触发
热门推荐
u013755149的博客
11-24 1万+
js给文本框动态绑定onblur方法，失焦的时候触发；存在局部刷新元素也适应。
JS的onBlur事件与onfocus事件
UyuanU的博客
06-25 1027
html页面中，诸如按钮、文本框等可视元素都具有拥有和失去焦点的事件，这些事件在响应鼠标或键盘动作时都可激发预设的操作。本文以文本框获得和失去焦点为例简单讲解onfocus和onblur的应用。 一. onfocus（获得焦点事件） 当一个文本框获得焦点时，它里面的文本就像“好123”网站上的百度搜索输入框那样全部被自动选中，这样的操作可以利用onfocus来实现。 以下的文本框
网页小知识---onblur,onfocus和表单提交的两种方式
云飞兄的博客
07-14 1516
onBlur事件：onBlur事件是当光标离开文本框中时发生的事件。  onfocus事件：onfocus事件在对象获得焦点时发生的事件。 对网页进行渲染便要用到onblur和onfocus 例子1 当鼠标光标未在username文本框中显示如图，否则文本为空白直到由人为输入文本。 关于表单的提交 1   注意： 1.onsubm
对表单中的输入框使用onblur事件进行重写验证
03-16
使用onblur事件可以在用户离开输入框时进行验证，可以提高用户体验和数据的准确性。具体实现方法可以在输入框的HTML代码中添加onblur属性，然后在JavaScript中编写相应的验证函数，例如： ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值