<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@taglib prefix="s" uri="/struts-tags" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript">
function fasong(){
//var content=document.getElementById("content").value;
var content=$("#content").val();
var content1=document.getElementById("content").value;
//alert(content);
if(content==""){
// alert("11111111");
//$("#msg").show();
document.getElementById("msg").style.display="block";
$("#errormsg").show();
document.getElementById("errormsg").innerHTML="请输入内容";
}else{
//$("#msg").hide();
document.getElementById("msg").style.display="none";
$("#errormsg").hide();
//$("#message").html(content);
document.getElementById("message").innerHTML=content;
}
}
function check(){
var content=$("#content").val();
if(content!=""){
$("#msg").hide();
$("#errormsg").hide();
document.getElementById("message").innerHTML=content;
}else{
$("#msg").show();
$("#errormsg").show();
document.getElementById("errormsg").innerHTML="请输入内容";
document.getElementById("message").innerHTML=content;
}
}
</script>
<title>My JSP 'Ajax.jsp' starting page</title>
<script type="text/javascript" src="js/jquery-1.4.min.js"></script>
</head>
<body>
<div id="message" style="height:80px;border:1px solid red;"></div>
<table style="border:0">
<tr>
<td><input type="text" name="neirong" id="content" ondblclick="check()"/></td><td style="display:none" id="msg"><div id="errormsg" style="color:red;font-size:12px;display:none;"></div></td><td><div onclick="fasong()" style="cursor:pointer;background-color:#0fe">发送</div></td>
</tr>
</table>
</body>
</html>
分享到:
相关推荐
在本文中,我们将深入探讨如何使用JavaScript和jQuery来实现全选功能,并且会详细解析全选、反选以及单个选择等操作的具体实现方法。同时,我们也会对比这两种技术实现方式的不同之处及其适用场景。 ### 一、...
在这个“html javascript jquery 走马灯例子”中,我们将探讨如何通过HTML、JavaScript(特别是jQuery库)来实现这种效果。 首先,我们从HTML结构开始。`index.htm`文件通常包含了页面的基本结构和元素,如`<head>`...
在本压缩包中,我们关注的是"javascript+jquery书的例子源码第2章",这表明内容主要涉及JavaScript和jQuery的结合使用,特别是第二章的相关示例代码。JavaScript是一种广泛用于网页和网络应用的编程语言,而jQuery...
**jQuery EasyUI学习例子** jQuery EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列轻量级、易于使用的组件,帮助开发者快速构建具有专业界面的Web应用。在这个"JQuery EasyUI学习例子"中,我们将深入探讨...
通过学习和实践这些经典例子,开发者不仅能掌握jQuery的基本用法,还能提升编写高效、易维护的JavaScript代码的能力。对于前端开发而言,jQuery是一个不可或缺的工具,它的强大功能和易用性使其在Web开发领域占据...
jQuery UI中的`datepicker`是一个非常流行的JavaScript组件,用于在网页上添加日历选择功能。它提供了丰富的自定义选项,使得日期选择器可以适应各种界面设计和功能需求。在这个"jquery datepicker 小例子"中,我们...
在Ajax交互上,jQuery的`.ajax()`, `.get()`, `.post()`等函数简化了与服务器的异步数据交换。`.ajax()`是最通用的,可以完全定制请求参数,`.get()`和`.post()`则是更简单的GET和POST请求的快捷方式。这些方法使得...
jQuery是一个广泛应用于Web开发的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画设计和Ajax交互。本教程将通过几个常见的jQuery小例子,深入解析jQuery的核心功能及其使用方法。 1. **选择器**:...
在Asp.net开发中,jQuery是一个非常重要的JavaScript库,它极大地简化了JavaScript代码,提高了页面交互性和用户体验。本文将深入探讨在Asp.net环境中如何利用jQuery实现一系列经典的应用实例。 一、jQuery基本操作...
在阅读《JavaScript和jQuery实战手册 原书第3版》时,读者需要具备一定的HTML和CSS基础,这样能更好地理解JavaScript如何与这两者协同工作。同时,对于初学者,这本书提供了一个循序渐进的学习路径,而对于有经验的...
jQuery是JavaScript库中的一个巨头,以其简洁的API和强大的功能深受开发者喜爱。在这个"jQuery速成小例子"中,我们可以通过一系列的示例来快速掌握jQuery的核心概念和常用方法。 首先,jQuery的核心在于选择器...
标题 "jquery文件上传例子(两种方式)" 涉及到的是使用jQuery库进行文件上传的实践,这在Web开发中是非常常见的需求。jQuery是JavaScript的一个轻量级库,它简化了DOM操作、事件处理和Ajax交互等任务。在这个示例中,...
jQuery是一款广泛应用于Web开发的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画设计和Ajax交互。"50个jQuery经典例子"集合了一系列实用的代码示例,可以帮助开发者快速掌握jQuery的核心功能和...
jQuery是一个流行的JavaScript库,它简化了DOM操作、事件处理、动画效果以及AJAX交互等常见任务。在这个"jquery图片浏览例子"中,我们将深入理解jQuery如何帮助开发者更高效地实现这些功能。 首先,jQuery的核心...
**jQuery 简单小例子** jQuery 是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画和Ajax交互。...希望这个简单的jQuery小例子能对你理解这个库有所帮助,并激发你进一步探索JavaScript的世界。
在网页开发中,jQuery是一个非常流行的JavaScript库,它简化了DOM操作、事件处理以及动画制作。在这个"jquery行列合并例子"中,我们关注的是如何利用jQuery来实现HTML表格中的行和列合并,这对于数据展示或者创建...
在JavaScript的世界里,jQuery是一个非常流行的库,它简化了DOM操作、事件处理、动画效果以及Ajax交互等任务。"JQuery等待"这个概念通常是指在jQuery中实现某种延迟执行或者同步处理的方式。在这个"JQuery等待小例子...
jQuery,作为一款广泛应用于Web开发的JavaScript库,因其简洁的语法和强大的功能,深受开发者喜爱。本篇文章将深入探讨几个jQuery的经典应用实例,包括全屏背景切换、图片放大镜效果、商品列表展示以及购物车功能的...
《精通JavaScript+jQuery》这本书是IT领域中针对Web前端开发的一部重要著作,它深入浅出地讲解了JavaScript和jQuery的使用技巧与实战方法。JavaScript作为网页动态效果的核心语言,而jQuery则是一个强大的JavaScript...
这些例子可能涉及到jQuery的选择器、DOM操作、事件绑定、动画效果、Ajax请求以及与其他库如jQuery UI的集成等。通过学习和实践这些例子,开发者能够掌握jQuery的基本用法,并了解如何在实际项目中有效利用它。 总的...