- 浏览: 1990046 次
- 性别:
- 来自: 深圳
文章分类
- 全部博客 (509)
- JavaEE (122)
- Oracle数据库 (29)
- JavaScript (37)
- SAP (5)
- MySql数据库 (7)
- JavaSE (4)
- Ajax (1)
- jQuery (13)
- SSH框架 (36)
- Web Service (10)
- JSF框架 (2)
- JBPM (0)
- ireport报表 (2)
- ibatis (5)
- Hibernate (31)
- JSP (11)
- Tomcat 服务器 (20)
- Other (19)
- JavaWeb (4)
- Maven (11)
- OSWorkFlow (10)
- HTML (13)
- Exception汇总 (7)
- SVN (2)
- 笑话 (1)
- JSTL (1)
- WebSphere Message Broker (13)
- ANT命令 (3)
- Liunx (12)
- Struts2 (26)
- Eclipse (6)
- DOS (3)
- Flex (11)
- WebSphere (1)
- 开发常用工具 (3)
- Junit (2)
- EJB (4)
- Struts1.2 (2)
- Jboss (1)
- Android (2)
- Java框架源码解析 (1)
- Spring (4)
- MyBatis (6)
- SpringMVC (4)
- Jetty (2)
- 数据库表设计 (1)
- SSO (4)
最新评论
-
贝塔ZQ:
也可以试试PageOffice插件,觉得更简单点
Jxl操作Excel设置背景、字体颜色、对齐方式、列的宽度 -
jia1208:
...
Could not publish server configuration for Tomcat v6.0 Server at localhost. -
u011274527:
赞
java.io.EOFException java.io.ObjectInputStream$PeekInputStream.readFully 错误 -
旭旭小牛啦:
怎么没哟了,继续赛
jQuery 选择器 -
wzw3919:
100行会报空指针
Java 解压缩zip文件
javascript 基本验证
/** * 设置图片的位置; * @param txtLeft * @param txtRight * @param bol * @returns {getImagePosition} */ function getImagePosition(txtObj,bol,tipMessage){ //获取文本框的位置; var left = txtObj.offset().left; var top = txtObj.offset().top; //获取文本框的宽度; var txtWidth = txtObj.innerWidth(); var txtHeight = txtObj.innerHeight(); //移除图标; txtObj.parent().children("#successDivID").remove(); txtObj.parent().children("#errorDivID").remove(); //验证成功,否则验证失败; if(bol){ txtObj.parent().append("<div id='successDivID' class='success_checkout'></div>"); txtObj.parent().children("#successDivID").css("left",left+txtWidth-15).css("top",(top+txtHeight)/2); txtObj.parent().children("#tipMsgDivID").hide(); }else{ txtObj.parent().append("<div id='errorDivID' class='error_checkout'></div>"); txtObj.parent().append("<div id='tipMsgDivID' style='width:200px;position: absolute'><div class='error_pointer'></div>"+ "<div class='error_message' style='margin-left: 9px;padding-top: 2px;'>"+tipMessage+"</div></div>"); //设置错误图标和显示信息层; txtObj.parent().children("#errorDivID").css("left",left+txtWidth-15).css("top",(top+txtHeight)/2); txtObj.parent().children("#tipMsgDivID").css("left",left+txtWidth).css("top",(top+txtHeight)/2); //鼠标移入事件; txtObj.parent().children("#errorDivID").bind("mouseover",function(){ txtObj.parent().children("#tipMsgDivID").show(); //鼠标移出事件; }).bind("mouseout",function(){ txtObj.parent().children("#tipMsgDivID").hide(); }); } } //获取图片位置; jQuery(document).ready(function(){ jQuery("#txtName").focus(); jQuery("input[type='text']").each(function(i){ //移出绑定事件; jQuery(this).unbind("mouseover"); //绑定事件; jQuery(this).bind("mouseover",function(){ jQuery(this).parent().children("#tipMsgDivID").hide(); }); }); }); /** * 提交; * */ function submitCheckout(){ //移除窗体改变大小时触发的事件; jQuery(window).unbind("resize"); //窗体改变大小时触发resize事件; jQuery(window).resize(function(){ submitCheckout(); }); var txtName = jQuery("#txtName"); var txtAddress = jQuery("#txtAddress"); var nameResult = false; var addressResult = false; if(txtName.val()!=null && txtName.val()!=""){ nameResult = true; } if(txtAddress.val()!=null && txtAddress.val()!=""){ addressResult = true; } new getImagePosition(txtName,nameResult,"输入的内容不能为空!!"); new getImagePosition(txtAddress,addressResult,"输入的内容不能为空!!"); }
发表评论
-
100个javascript小知识点-经典
2014-02-08 14:22 11721. document.write(”"); 输出 ... -
javascript读取文件夹下的所有文件
2012-09-19 00:56 8216一、功能实现核心:FileSystemObject 对象 ... -
Javascript去除数组中的重复值
2012-08-27 23:33 1501去除数组中的重复值; 具体代码如下 <script ... -
Javascript常用的操作
2012-07-12 00:50 1083我们经常使用javascript脚本对table、select ... -
HTML字符实体(Character Entities)和转义字符串(Escape Sequence)
2012-04-13 07:56 1117HTML字符实体(Character En ... -
javascript获取点击的文本属性
2012-04-11 15:45 1661我们通常需要获取点击的文本信息,于是通过javascr ... -
javascript校验实例三
2012-02-07 09:26 1110/** * 获取id获取name,className选择器 ... -
javascript校验实例二
2012-01-29 09:38 1087/** * 解析字符数组; * @param s ... -
javascript闭包的实现方式
2012-01-15 00:58 1142闭包说白了就是封装的意思..为了隐藏方法内部的实现细节. ... -
javascript校验实例一
2011-12-30 17:44 1143//公共类型; validTypeArray = ne ... -
javascript面向对象知识学习笔记二
2011-12-28 10:43 975javascript 面向对象知识学习笔记二: ... -
javascript 面向对象学习笔记一
2011-12-28 10:41 986javascript 面向对象基础知识: //给o ... -
HTML中的Flie标签禁止修改路径问题。
2011-10-18 17:37 1339之前在项目中遇到一个问题.就是HTML中 File文件控 ... -
iframe中子窗体调用父窗体的方法
2011-10-09 15:52 1995比如一个框架使用使用iframe。 左侧的iframe中 ... -
JS 敲回车按钮 登陆 支持火狐 和 iE浏览器.
2011-09-16 15:50 3134登陆的 敲回车按钮, 在使用event事件来监听. ... -
javascript 页面跳转
2011-08-24 17:06 994比如我们在.jsp页面定义一个iframe.点击按钮链接的时候 ... -
javascript 操作两个select,左右选择值。
2011-08-21 18:45 3144下面是我做的一个简单的例子. 就是当 ... -
javascript 基础知识
2011-08-21 14:19 1186获取表单 Js代码 document. ... -
javascript对table的添加,删除行的操作
2011-08-19 00:59 6073<body> <form name= ... -
javascript GetElementById的属性和对元素属性的设置
2011-08-18 21:55 15306顾明思义,get-Element-By-Id,就是通过ID来 ...
相关推荐
JavaScript是一种广泛应用于网页和网络应用的编程语言,它在网页开发中扮演着至关重要的角色,提供了丰富的功能,如动态交互、表单验证、动画效果等。在这个“javascript常用方法实例”中,我们将会探讨一些...
5. **验证实例**:演示如何编写验证函数,以及如何将验证逻辑应用于表单元素。 通过学习和实践这些JavaScript教程和项目实例,开发者不仅可以掌握客户端验证技术,还能创造出富有吸引力的页面特效,提升网页的用户...
"简单实用表单验证实例"是一个专注于这个主题的资源,提供了一种直观且易于使用的解决方案。在这个实例中,不仅包含了基本的验证功能,还融合了视觉样式,提升用户体验。 表单验证主要涉及到以下几个方面: 1. **...
在"JavaScript实例300道"中,涵盖了多个JavaScript编程的重要领域,包括时间日期处理、文本特效、图形绘制、音频播放、按钮交互、密码管理、鼠标事件、Cookie存储、警告对话框、页面导航和搜索功能等。 1. **时间...
JavaScript实例包括但不限于简单的弹框提示、表单验证、动态效果、Ajax异步通信、以及更复杂的框架和库的使用,如React、Vue或Angular。 1. **基础语法实例**:JavaScript的基础语法包括变量声明(`var`, `let`, `...
9. **正则表达式**:用于文本匹配和操作的强大工具,在JavaScript中广泛用于验证表单输入、提取信息等场景。 10. **动画与定时器**:通过setTimeout和setInterval可以实现定时任务,结合CSS3或JavaScript自身实现...
JavaScript 表单美化和验证插件是Web开发中不可或缺的一部分,尤其在构建用户友好且具有交互性的网页时。这类插件通常提供丰富的功能,以提升表单的视觉吸引力和用户体验,同时确保数据的有效性。本插件具备以下关键...
总的来说,这个"jsp表单验证实例"涵盖了前端和后端验证的关键点,包括JavaScript的表单事件处理、正则表达式验证以及JSP和Servlet的交互。学习这个实例可以帮助开发者理解如何在实际项目中构建安全、有效的表单验证...
2. **表单验证**:JavaScript可以实时检查表单输入的有效性,如确保电子邮件地址格式正确,避免用户提交错误数据。 3. **动画与视觉效果**:利用JavaScript,可以创建复杂的动画效果,提升网站的视觉吸引力。 4. **...
8. **正则表达式**:用于文本匹配和搜索的强大工具,常用于表单验证和数据提取。 9. **错误处理**:try...catch语句用于捕获和处理运行时错误,提高程序的健壮性。 10. **ES6新特性**:包括箭头函数、解构赋值、...
8. **正则表达式**:正则表达式在文本匹配和验证中广泛应用,实例会演示如何编写和使用正则。 9. **定时器和事件循环**:setTimeout和setInterval是JavaScript中的定时器,而事件循环是理解异步编程的关键,例如回...
总的来说,"基于JavaScript的表单验证.zip"这个资源为我们提供了一个学习和实践如何使用HTML、CSS、JavaScript和正则表达式进行客户端表单验证的实例。通过理解和掌握这些技术,开发者可以构建更加健壮、用户体验...
9. **正则表达式**:在JavaScript中,正则表达式用于文本匹配和操作,它们在字符串处理、表单验证等方面发挥着重要作用。 10. **错误处理**:try...catch语句用于捕获和处理运行时错误,确保程序的健壮性。另外,...
JavaScript是Web开发中不可或缺的一部分,尤其在处理用户输入和表单验证方面发挥着重要作用。"强大JavaScript表单验证"这个主题旨在教你如何有效地利用JavaScript来确保用户提交的数据符合预期的格式和规则,从而...
这个名为"JavaScript-Web素材实例"的压缩包包含了多个JavaScript实现的Web元素和特效,旨在帮助开发者提升网页交互性和用户体验。 首先,"JS横向弹性相册代码"是一个用于创建灵活、响应式的图片展示方案。这种相册...
通过分析和学习这个文件,你可以了解如何在实际项目中运用JavaScript编写交互逻辑,比如实现表单验证、动态加载内容、动画效果等。同时,文件中的代码可以作为模板,帮助初学者快速上手。 "下载说明.txt"可能包含了...
- 文本框在获得焦点(onFocus)时,可能需要清空原有的文本,而失去焦点(onBlur)时,可能需要进行输入验证。代码如下: ```javascript function myfun1() { if(document.myform.card.value=="请注意格式:10...
例如,我们可以使用JavaScript来响应用户的点击事件,改变按钮的文本,或者根据输入验证表单数据。 事件处理是JavaScript的一大亮点。通过绑定事件监听器,开发者可以对用户的各种交互行为做出反应,如点击、滚动、...