Marksinoberg
Marksinoberg

JQuery插件使用之Validation 快速完成表单验证的几种方式

JQuery的Validation插件可以到http://plugins.jquery.com/上去下载。今天来分享一下，关于这个插件的使用。

简易使用

这第一种方式可谓是傻瓜式的使用，我们只需要按照validation定义好的规则就可以了。

  • 首先引入JQuery库和Validation插件：
<script type="text/javascript" src="jquery-2.2.4.min.js"></script>
    <script type="text/javascript" src="jquery.validate.min.js"></script>
  • 然后是打开验证开关：
$(function(){
    $("#form_id").validate();
});
// 或者
$(document).ready(function(){
    $("#form_id").validate();
});

  • validation的build_in验证规则有：

    • class = “required”: 表明表单中该字段为必选的
    • class = "required email" 表明在表单中该字段为必须存在的，而且是符合email的规范格式
    • class = "url" 表明在表单中该字段需要满足url的匹配模式
    • minlength = "6" 表明在表单中该字段的长度最小为6位

  • 案例展示：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Validation for form demo</title>
    <script type="text/javascript" src="jquery-2.2.4.min.js"></script>
    <script type="text/javascript" src="jquery.validate.min.js"></script>
    <style> em { font-weight: bold; vertical-align: top; color: red; float: right; } label { width:10em; padding: 7px; } .container { width: 370px; height: auto; background-color: silver; } </style>
</head>
<body>
    <div align="center" class="container">
        <form id="vform" method="post" action="#">
            <fieldset>
                <legend>使用JQuery插件validation来实现表单验证</legend>
                <p>
                    <label for="username">姓名：</label>
                    <input id="username" name="username" class="required" minlength="2"> <em>*</em>

                </p>
                <p>
                    <label for="email">邮件：</label>
                    <input id="email" name="email" class="required email" > <em>*</em>
                </p>
                <p>
                    <label for="url">网址：</label>
                    <input id="url" name="url" class="url" ></p>
                <p>
                    <label for="comment">评论：</label>
                    <textarea id="comment" name="comment" class="required"></textarea>
                    <em>*</em>
                </p>
                <p><input type="submit" name="submit"></p>
            </fieldset>
        </form>
    </div>

<script> // $(function(){ // $("#vform").validation(); // }); $(document).ready(function(){ $("#vform").validate(); }); </script>
</body>
</html>

验证规则全写到Class中

和简易使用不同的是，这种方式使用pure的class来进行控制。但是我们需要引入一个新的插件jquery.metadate.js。实现的功能就是帮助用户将所有的与验证数据相关的信息写到class属性中，方便管理。

我们可以通过以下几步来实现这一需求。

  • 引入一个新的插件jquery.metadata.js
<script src="jquery.metadata.js"></script>
  • 改变调用验证表单的开关：
$(function(){
    $("#form_id").validate();//去掉这行代码，修改成下面的
    $("#form_id").validate({meta:"validate"});
});
  • 将验证信息写到class属性中。详见下面的代码。
<div align="center" class="container">
        <form id="vform" method="post" action="#">
            <fieldset>
                <legend>使用JQuery插件validation来实现表单验证</legend>
                <p>
                    <label for="username">姓名：</label>
                    <input id="username" name="username" class="{validate: { required : true, minlength : 2 }}" > <em>*</em>

                </p>
                <p>
                    <label for="email">邮件：</label>
                    <input id="email" name="email" class="{validate: { required :true,email :true}}" > <em>*</em>
                </p>
                <p>
                    <label for="url">网址：</label>
                    <input id="url" name="url" class="{validate: {url :true}}" ></p>
                <p>
                    <label for="comment">评论：</label>
                    <textarea id="comment" name="comment" class="{validate: {required :true}}"></textarea>
                    <em>*</em>
                </p>
                <p><input type="submit" name="submit"></p>
            </fieldset>
        </form>
    </div>

注意： Validate写在class属性的时候，记得要将验证规则使用空格分隔开来。 否则代码不会正常的运行！

还有就是$("#vform").validate({meta:"validate"});中validate这个单词不能随意的更改，否则也是不会生效的。

通过name属性构建验证规则

下面介绍一种与HTML元素的属性无直接关联，而是通过name属性来关联字段和验证规则的验证写法。

优点： 可以实现行为与结构的分离，便与调试和维护代码；

  • 表单代码，去除所有的class验证。当然这并不是说我们不可以给字段添加样式咯。
<div align="center" class="container">
        <form id="vform" method="post" action="#">
            <fieldset>
                <legend>使用JQuery插件validation来实现表单验证</legend>
                <p>
                    <label for="username">姓名：</label>
                    <input id="username" name="username" > <em>*</em>

                </p>
                <p>
                    <label for="email">邮件：</label>
                    <input id="email" name="email" > <em>*</em>
                </p>
                <p>
                    <label for="url">网址：</label>
                    <input id="url" name="url" ></p>
                <p>
                    <label for="comment">评论：</label>
                    <textarea id="comment" name="comment" ></textarea>
                    <em>*</em>
                </p>
                <p><input type="submit" name="submit"></p>
            </fieldset>
        </form>
    </div>
  • JQuery代码如下：
<script> // $(function(){ // $("#vform").validation(); // }); $(function(){ $("#vform").validate({ rules:{ username: { required: true, minlength: 6 }, email: { required: true, email: true }, url: "url", comment: "required" } }); }); </script>
  • 注意： 使用空格分隔验证字段

以上就是关于JQuery插件Validation的基础使用了。

国际化之中文化

  • 首先引入一个中文的信息验证库，这个我们可以在下载好的validation的lib包下找到。
<script src="messages_zh.js"></script>
  • 第二步就是在验证规则处添加message字段，然后输入自定义的中文信息。如下：
<script> // $(function(){ // $("#vform").validation(); // }); $(function(){ $("#vform").validate({ rules:{ username: { required: true, minlength: 6, messages: { required: '请输入姓名', minlength: '请至少输入6个字符' } }, email: { required: true, email: true, messages: { required: '请输入邮箱', email: '请检查您的邮箱格式！' } }, url: { url: true, messages: { url: '请检查网址的格式！' } }, comment: { required: true, messages: { required: '请输入评论！', } } } }); }); </script>

不知道怎么回事，我这段代码没有显示中文提示，如果大家发现了错误在哪里，欢迎留下您的评论。

你可能感兴趣的:(jquery,表单,jquery插件,表单验证)

  • 移动端城市区县二级联动选择功能实现包 good2know
    本文还有配套的精品资源，点击获取简介：本项目是一套为移动端设计的jQuery实现方案，用于简化用户在选择城市和区县时的流程。它包括所有必需文件：HTML、JavaScript、CSS及图片资源。通过动态更新下拉菜单选项，实现城市到区县的联动效果，支持数据异步加载。开发者可以轻松集成此功能到移动网站或应用，并可基于需求进行扩展和优化。1.jQuery移动端解决方案概述jQuery技术简介jQuery
  • vue element 封装表单 影子信息 vuevue.jsjavascript前端
    背景：在前端系统开发中，系统页面涉及到的表单组件比较多，所以进行了简单的封装。封装的包括一些Form表单组件，如下：input输入框、select下拉框、等实现效果：理论知识：表单组件官方链接：点击跳转封装组件：封装组件的思路：不封装element组件，每一个input组件绑定一个form对象，例如官网。简单封装element组件，利用for循环生成form表单的每一项el-form-item。进
  • 【Java Web实战】从零到一打造企业级网上购书网站系统 | 完整开发实录（三） 笙囧同学 java前端状态模式
    核心功能设计用户管理系统用户管理是整个系统的基础，我设计了完整的用户生命周期管理：用户注册流程验证失败验证通过验证失败验证通过用户名已存在用户名可用失败成功用户访问注册页面填写注册信息前端表单验证显示错误提示提交到后端后端数据验证返回错误信息用户名唯一性检查提示用户名重复密码加密处理保存用户信息保存成功?显示系统错误注册成功跳转登录页面登录认证机制深度解析我实现了一套企业级的多层次安全认证机制：认
  • MutationObserver接口性能分析与优化：DOM监控利器背后的性能陷阱与内存危机 coding随想 JavaScriptjavascript前端开发语言
    一、DOM的“哨兵”：MutationObserver的崛起在Web开发的江湖中，MutationObserver是一个低调却强大的角色。它像一位忠诚的哨兵，时刻监控着DOM树的风吹草动——属性变化、子节点增删、文本内容更新……开发者们用它来实现动态内容监听、表单验证、甚至自动化测试。然而，这位“哨兵”的背后，却隐藏着不容忽视的性能陷阱和内存危机。1.1MutationObserver的诞生背景在
  • rabbitmq java 乱码,透彻分析和解决一切javaWeb项目乱码问题
    前言乱码是我们在程序开发中经常碰到且让人头疼的一件事，尤其是我们在做javaweb开发，如果我们没有清楚乱码产生的原理，碰到乱码问题了就容易摸不着头脑，无从下手。乱码主要出现在两部分，如下：第一，浏览器通过表单提交到后台，如果表单内容有中文，那么后台收到的数据可能会出现乱码。第二，后端服务器需要返回给浏览器数据，如果数据中带有中文，那么浏览器上可能会显示乱码。接下来我们逐一分析乱码产生的原因，以及
  • Thymeleaf th:object核心用法精解 bemyrunningdog thymeleaf前端javascriptjava
    一、核心功能作用机制创建局部上下文：th:object="${user}"绑定对象到当前元素及其子元素替代重复写法：*{field}≡${user.field}语法对比场景传统写法th:object写法显示属性${user.name}*{name}表单绑定th:field="${user.email}"th:field="*{email}"嵌套对象${user.address.city}*{add
  • [JAVAEE] Thymeleaf 基本语法: form相关标签 CN-Dust JAVAEEspringjava-ee
    th:action指定表单提交地址th:value给value属性赋值th:field能自动生成id、name和value属性form表单示例运行结果更改数据点击保存控制器代码:TestController.javapackagecom.example.demo.controller;importcom.example.demo.bean.Student;importorg.springframe
  • Thymeleaf语法大全：30个实用示例 bemyrunningdog thymeleafjava服务器前端
    Thymeleaf语法示例大全下面是一些实用的Thymeleaf语法示例，帮助您更好地理解和使用Thymeleaf：1.基本变量输出用户名:默认用户名欢迎,[[${user.name}]]!邮箱:[email protected].条件判断管理员用户账户未激活管理员编辑普通用户3.循环迭代用户名称序号名称邮箱奇数行偶数行4.链接和URL产品列表查看详情5.表单处理用户名邮箱角色普通用户管理员编辑保
  • flask 表单 flask-wtf SkTj
    image.pngfromflaskimportFlaskfromflaskimportrender_templatefromflask_bootstrapimportBootstrapfromflask_wtfimportFormfromwtformsimportStringField,SubmitFieldfromwtforms.validatorsimportRequiredclassNam
  • SpringMVC Jonariguez Springspringmvc
    SpringMVC是一个基于Java的实现了MVC设计模式的请求驱动类型的轻量级Web框架，通过把Model，View，Controller分离，将web层进行职责解耦，把复杂的web应用分成逻辑清晰的几部分，简化开发。用于替代servlet（处理响应请求，获取表单参数，表单验证等）MVC设计模式MVC即Model-View-Controller，将应用按照Model（模型）、View（视图）、C
  • 程序代码篇---python获取http界面上按钮或者数据输入 Atticus-Orion 程序代码篇pythonhttp开发语言
    在Python中获取HTTP界面上的按钮点击或数据输入，主要有两种场景：作为客户端：模拟用户在网页上输入数据、点击按钮（比如爬虫自动提交表单）。作为服务端：搭建一个网页服务，接收用户在浏览器中输入的数据和按钮点击（比如自己写一个简单的Web应用）。下面分别用通俗易懂的方式讲解这两种场景的实现方法和代码。一、作为客户端：模拟用户操作网页（自动输入和点击）这种场景常用于自动化测试或数据爬取，需要模拟用
  • 【web应用】基于Vue3和Spring Boot的课程管理前后端数据交互过程 JosieBook #Java全栈前端springboot交互
    文章目录一、系统架构概述二、前端数据交互流程分析1.组件初始化与数据请求2.API请求封装3.查询参数处理三、后端数据处理流程1.控制器接收请求2.分页处理机制3.服务层业务处理四、典型操作的数据流1.查询操作数据流2.新增操作数据流3.删除操作数据流五、关键技术点解析1.前端表单验证2.后端权限控制3.数据导出实现六、完整交互示例：新增课程七、完整代码八、总结与优化建议1.当前实现特点2.可优化
  • SpringMVC——CharacterEncodingFilter处理获取请求参数的乱码 程序员阿皓 SpringMVCspringmvc请求乱码问题
    在SpringMVC中，处理请求参数的乱码问题通常可以通过配置CharacterEncodingFilter来解决。乱码问题通常出现在GET请求的URL参数或POST请求的表单参数中，特别是涉及到非英文字符时。详细步骤如下：首先，在web.xml中配置CharacterEncodingFilter：encodingFilterorg.springframework.web.filter.Chara
  • JAVA HTTP大文件分片断点续传 weixin_52041354 java大文件上传java大文件秒传java大文件上传下载java文件传输解决方案jsp大文件上传java断点续传jsp加密传输
    要求：开源，免费，技术支持技术：分片,分块,断点续传,加密传输,加密存储需求：大文件上传，批量上传，断点续传，文件夹上传，大文件下载，批量下载，断点下载，文件夹下载文件夹：上传下载需要支持层级结构，采用非压缩方式文件大小：100G前端：vue2,vue3,vue-cli,jquery,html,webuploader后端：java,JSP,springboot,struts服务器：linux,信创
  • Vue实战：利用Element UI轻松实现动态表单项管理与高效验证 征尘bjajmd elementui
    在Vue.js项目中，表单是与用户交互的重要部分，特别是在需要动态管理表单项的场景下，如何优雅地实现添加、删除、上移、下移及验证功能变得尤为重要。本文将详细介绍如何使用ElementUI来实现一个包含动态表单项管理以及验证功能的表单。效果图如下一、项目背景假设我们正在开发一个活动管理系统，其中一个功能是为活动添加多条路线信息，每条路线包含路线名称、可参加人数和路线详情。用户需要能够动态地添加、删除
  • 秋招Day19 - 分布式 - 分布式设计 Java初学者小白 八股#分布式分布式java
    什么是幂等性？多次调用的效果和一次调用的效果一样，比如DELETE操作，执行多次的结果和执行一次的结果对数据库的影响是一样的。有些操作不满足幂等性，比如INSERT操作，用户点击了两次表单，数据库就有两条重复的记录。MQ消费者在读取消息的时候，也有可能读取到重复消息。在分布式系统里，只要下游服务有写操作（插入、更新），就有可能出现幂等性问题。怎么保证接口幂等性？insert前先select在保存数
  • springboot+elementUI 多文件上传(带表单参数)
    springboot+elementUI多文件上传代码htmljs后台图代码下面展示一些内联代码片。html新增修改选取文件上传文件不超过10MB取消确定jsdata(){isInsert:false//是否新增操作files:[],//新增文件fileList:[],//文件列表removeList:[],//删除的文件列表dialogForm:{name:"测试"}}updateFile(){
  • axios+springboot 文件上传 Msr 王 代码块
    思路：客户端通过表单方式上传服务端使用@RequestParam接收注意事项：服务端接收所有表单数据时，只能使用@RequestParam，不能使用@RequestBody前端要把文件代码：@PutMapping(path="/app/questions/{id}")@Transactionalpublicvoidupdate(@PathVariableLongid,@RequestParamSt
  • 阿里云服务器价格计算器使用教程（图文教程） 阿里云最新优惠和活动汇总
    大多数用户在购买阿里云服务器前，都需要了解阿里云服务器的价格，一是看下自己想买的云服务器配置需要多少钱，二是看下自己的预算在阿里云可以买到什么实例和配置的云服务器，有部分企业级用户可能还需要先下载价格表单来申请预算等操作。本文将详细介绍如何在阿里云官网上快速查询服务器价格，并提供操作步骤和示例。一、快速查询阿里云服务器价格的步骤进入阿里云官网首先，打开浏览器，访问阿里云官网。进入云服务器ECS产品
  • 携带参数的表单文件上传 axios, SpringBoot coder__c 笔记编码技巧代码段springboot后端java
    页面上的表单如上图,点击确定按钮需要把参数统一传给后端.前端代码:表单的提交方法constsubmit=async()=>{constformData=newFormData();formData.append("bookName",bookForm.value.bookName);formData.append("author",bookForm.value.author);formData.a
  • HTML(源码+lw+部署文档+讲解等) 青蛙java #Java精选毕设#微信小程序毕设htmlvue.jsjavaspringbootuni-app
    文章目录前言HTML概念结构Body中的重要标签hr:横线标签br：换行符hn:标题标签divp:段落标签a:超链接标签img:图片标签input:输入框:表单元素select:下拉选:表单元素textarea:多文本:表单元素table:表格ol,ul有序和无序列表form表单源码获取前言博主介绍：✌全网粉丝15W+,CSDN特邀作者、211毕业、高级全栈开发程序员、大厂多年工作经验、码云/掘金
  • 本文概括了PHP 的发展历程与核心技术可关键阶段和特性 jishujiaoliu1682 php开发语言
    ⏳一、发展历程‌起源（1994-1995年）‌由RasmusLerdorf开发，最初用Perl编写个人网站表单工具，后改用C语言重写并加入数据库访问功能，命名为‌PHP1.0‌。此时已支持表单处理和基础数据库操作‌14。‌早期迭代（1997-2000年）‌‌PHP3.0（1997年）‌：引入‌Zend引擎‌（精简脚本解释器），提升性能和稳定性，奠定语言基础架构‌1。‌PHP4.0（2000年）‌：
  • jQuery：浅谈setInterval()方法 Dy大叔 前端开发记录jquery前端javascript
    定义和用法：setInterval()方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。setInterval()方法会不停地调用函数，直到clearInterval()被调用或窗口被关闭。由setInterval()返回的ID值可用作clearInterval()方法的参数。vartime=0；用法1：functionjump(){…………//函数内容}time=setInterval("
  • HTML5：中如何触发按钮点击事件 Dy大叔 前端开发记录HTML5html
    在HTML5中，可以通过多种方式触发按钮点击事件，包括使用JavaScript原生方法、使用jQuery库和使用HTML表单和提交按钮，根据项目需求和技术栈选择合适的方法来实现按钮点击事件的触发。使用JavaScript原生方法在HTML5中，可以使用JavaScript的addEventListener方法为按钮添加点击事件，需要在HTML文件中创建一个按钮元素，并为其设置一个唯一的ID，在Ja
  • react class和function 如何模拟vue中的 双向绑定 监听 computed的方式
    在React中，类组件和函数组件的写法有所不同。你提到的「双向绑定」、「监听」和「computed（计算属性）」这几个概念，原本来源于Vue，但在React中我们也可以通过特定方式实现类似功能。下面我将分别介绍：1.类组件中的双向绑定在类组件中，要实现双向绑定（如表单输入），我们通常使用state和onChange：importReactfrom'react';classMyFormextends
  • Jsoup爬虫工具实现背景图片爬取 无脑程序猿 jsoup网络爬虫背景图片下载Jsoup-jar
    Jsoup爬虫工具实现背景图片爬取soup是一款Java的HTML解析器，可直接解析某个URL地址、HTML文本内容。它提供了一套非常省力的API，可通过DOM，CSS以及类似于jQuery的操作方法来取出和操作数据。复制代码之前准备工作首先要将需要的jar包复制到WEB-INF>>lib下面需要下载的Jsoup.jar包以及其使用的具体操作文档下载地址[点击下载]代码块亲测：1366x768大小
  • php入门级基础语法知识 1ta-chi php学习笔记php开发语言后端web
    文章目录基础语法php介绍变量常量变量作用域可变变量运算符数组数值数组关联数组多维数组控制语句函数创建PHP函数函数返回值预定义变量及魔术常量php表单PHP表单处理$_POST变量$_GET变量$_COOKIE变量$_SESSION变量文件操作PHP文件处理往文件中追加内容读文件内容基础语法php介绍php是服务器端脚本语言。在学习php之前，您需要对HTML和CSS有一定了解为什么要使用php
  • 英语中因首字母大小写不同而意义不同的单词表 纸上笔下 #English英语首字母大小写单词表字母词汇词典
    英语中，许多单词的首字母是否大写会直接影响其含义。例如，china（瓷器）和China（中国）虽然拼写相似，但意义完全不同。这类单词在英语学习中容易混淆，因此本文整理了一份详细的对照表，帮助学习者清晰区分它们的用法。单词对照表单词/短语音标词性词根/词缀释义搭配例句china/ˈtʃaɪnə/n.无瓷器finechina,chinaplateShecollectsfinechinafromdiff
  • Flutter开发实战之网络请求与数据处理 老Lin头 Flutter开发flutter网络
    第6章：网络请求与数据处理“数据是应用的血液，网络是连接世界的桥梁。”在移动应用开发中，与服务器进行数据交互是必不可少的功能。无论是获取用户信息、提交表单数据，还是上传图片、下载文件，都离不开网络请求。本章将带你深入掌握Flutter中的网络编程技巧。6.1网络请求基础概念6.1.1什么是HTTP请求？想象一下，你走进一家餐厅点餐的过程：你告诉服务员想要什么（发送请求）服务员把你的需求传达给厨房（
  • 【Python练习】060. 编写一个函数，实现简单的SMTP邮件发送功能 视睿 从零开始学习机器人python网络数据库
    目录060.编写一个函数，实现简单的SMTP邮件发送功能示例代码代码说明注意事项示例：发送带附件的邮件应用场景自动化通知系统用户注册与验证批量营销与订阅数据报告分发交互式表单反馈060.编写一个函数，实现简单的SMTP邮件发送功能在Python中，可以使用smtplib模块来实现简单的SMTP邮件发送功能。以下是一个示例代码，展示如何编写一个函数来发送邮件。示例代码importsmtplibfro
  • 怎么样才能成为专业的程序员？ cocos2d-x小菜 编程PHP
      如何要想成为一名专业的程序员？仅仅会写代码是不够的。从团队合作去解决问题到版本控制，你还得具备其他关键技能的工具包。当我们询问相关的专业开发人员，那些必备的关键技能都是什么的时候，下面是我们了解到的情况。   关于如何学习代码，各种声音很多，然后很多人就被误导为成为专业开发人员懂得一门编程语言就够了？！呵呵，就像其他工作一样，光会一个技能那是远远不够的。如果你想要成为
  • java web开发 高并发处理 BreakingBad javaWeb并发开发处理高
    java处理高并发高负载类网站中数据库的设计方法（java教程,java处理大量数据，java高负载数据） 一：高并发高负载类网站关注点之数据库 没错,首先是数据库,这是大多数应用所面临的首个SPOF。尤其是Web2.0的应用，数据库的响应是首先要解决的。 一般来说MySQL是最常用的，可能最初是一个mysql主机，当数据增加到100万以上，那么，MySQL的效能急剧下降。常用的优化措施是M-S（
  • mysql批量更新 ekian mysql
    mysql更新优化： 一版的更新的话都是采用update set的方式，但是如果需要批量更新的话，只能for循环的执行更新。或者采用executeBatch的方式，执行更新。无论哪种方式，性能都不见得多好。 三千多条的更新，需要3分多钟。 查询了批量更新的优化，有说replace into的方式，即： replace into tableName(id,status) values
  • 微软BI（3） 18289753290 微软BI SSIS
    1) Q：该列违反了完整性约束错误；已获得 OLE DB 记录。源:“Microsoft SQL Server Native Client 11.0” Hresult: 0x80004005 说明:“不能将值 NULL 插入列 'FZCHID'，表 'JRB_EnterpriseCredit.dbo.QYFZCH'；列不允许有 Null 值。INSERT 失败。”。 A：一般这类问题的存在是
  • Java中的List g21121 java
            List是一个有序的 collection（也称为序列）。此接口的用户可以对列表中每个元素的插入位置进行精确地控制。用户可以根据元素的整数索引（在列表中的位置）访问元素，并搜索列表中的元素。         与 set 不同，列表通常允许重复
  • 读书笔记 永夜-极光 读书笔记
       1.  K是一家加工厂,需要采购原材料,有A,B,C,D 4家供应商,其中A给出的价格最低,性价比最高,那么假如你是这家企业的采购经理,你会如何决策?          传统决策: A:100%订单  B,C,D:0%     &nbs
  • centos 安装 Codeblocks 随便小屋 codeblocks
    1.安装gcc,需要c和c++两部分,默认安装下,CentOS不安装编译器的,在终端输入以下命令即可yum install gccyum install gcc-c++   2.安装gtk2-devel,因为默认已经安装了正式产品需要的支持库,但是没有安装开发所需要的文档.yum install gtk2* 3. 安装wxGTK    yum search w
  • 23种设计模式的形象比喻 aijuans 设计模式
    1、ABSTRACT FACTORY—追MM少不了请吃饭了，麦当劳的鸡翅和肯德基的鸡翅都是MM爱吃的东西，虽然口味有所不同，但不管你带MM去麦当劳或肯德基，只管向服务员说“来四个鸡翅”就行了。麦当劳和肯德基就是生产鸡翅的Factory 　　工厂模式：客户类和工厂类分开。消费者任何时候需要某种产品，只需向工厂请求即可。消费者无须修改就可以接纳新产品。缺点是当产品修改时，工厂类也要做相应的修改。如：
  • 开发管理 CheckLists aoyouzi 开发管理 CheckLists
    开发管理 CheckLists(23) -使项目组度过完整的生命周期 开发管理 CheckLists(22) -组织项目资源 开发管理 CheckLists(21) -控制项目的范围开发管理 CheckLists(20) -项目利益相关者责任开发管理 CheckLists(19) -选择合适的团队成员开发管理 CheckLists(18) -敏捷开发 Scrum Master 工作开发管理 C
  • js实现切换 百合不是茶 JavaScript栏目切换
    js主要功能之一就是实现页面的特效,窗体的切换可以减少页面的大小,被门户网站大量应用思路: 1,先将要显示的设置为display:bisible 否则设为none 2,设置栏目的id ,js获取栏目的id,如果id为Null就设置为显示 3,判断js获取的id名字;再设置是否显示   代码实现:   html代码: <di
  • 周鸿祎在360新员工入职培训上的讲话 bijian1013 感悟项目管理人生职场
            这篇文章也是最近偶尔看到的，考虑到原博客发布者可能将其删除等原因，也更方便个人查找，特将原文拷贝再发布的。“学东西是为自己的，不要整天以混的姿态来跟公司博弈，就算是混，我觉得你要是能在混的时间里，收获一些别的有利于人生发展的东西，也是不错的，看你怎么把握了”，看了之后，对这句话记忆犹新。  &
  • 前端Web开发的页面效果 Bill_chen htmlWebMicrosoft
    1.IE6下png图片的透明显示： <img src="图片地址" border="0" style="Filter.Alpha(Opacity)=数值(100),style=数值(3)"/> 或在<head></head>间加一段JS代码让透明png图片正常显示。 2.<li>标
  • 【JVM五】老年代垃圾回收：并发标记清理GC(CMS GC) bit1129 垃圾回收
      CMS概述 并发标记清理垃圾回收(Concurrent Mark and Sweep GC）算法的主要目标是在GC过程中，减少暂停用户线程的次数以及在不得不暂停用户线程的请夸功能，尽可能短的暂停用户线程的时间。这对于交互式应用，比如web应用来说，是非常重要的。   CMS垃圾回收针对新生代和老年代采用不同的策略。相比同吞吐量垃圾回收，它要复杂的多。吞吐量垃圾回收在执
  • Struts2技术总结 白糖_ struts2
      必备jar文件 早在struts2.0.*的时候，struts2的必备jar包需要如下几个： commons-logging-*.jar   Apache旗下commons项目的log日志包 freemarker-*.jar          
  • Jquery easyui layout应用注意事项 bozch jquery浏览器easyuilayout
    在jquery easyui中提供了easyui-layout布局，他的布局比较局限，类似java中GUI的border布局。下面对其使用注意事项作简要介绍：      如果在现有的工程中前台界面均应用了jquery easyui，那么在布局的时候最好应用jquery eaysui的layout布局，否则在表单页面（编辑、查看、添加等等）在不同的浏览器会出
  • java-拷贝特殊链表：有一个特殊的链表，其中每个节点不但有指向下一个节点的指针pNext，还有一个指向链表中任意节点的指针pRand，如何拷贝这个特殊链表？ bylijinnan java
    public class CopySpecialLinkedList { /** * 题目：有一个特殊的链表，其中每个节点不但有指向下一个节点的指针pNext，还有一个指向链表中任意节点的指针pRand，如何拷贝这个特殊链表？ 拷贝pNext指针非常容易，所以题目的难点是如何拷贝pRand指针。 假设原来链表为A1 -> A2 ->... -> An，新拷贝
  • color Chen.H JavaScripthtmlcss
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  "http://www.w3.org/TR/html4/loose.dtd">    <HTML>    <HEAD>&nbs
  • [信息与战争]移动通讯与网络 comsci 网络
          两个坚持:手机的电池必须可以取下来                光纤不能够入户,只能够到楼宇       建议大家找这本书看看:<&
  • oracle flashback query(闪回查询) daizj oracleflashback queryflashback table
    在Oracle 10g中，Flash back家族分为以下成员： Flashback Database Flashback Drop Flashback Table Flashback Query(分Flashback Query,Flashback Version Query，Flashback Transaction Query) 下面介绍一下Flashback Drop 和Flas
  • zeus持久层DAO单元测试 deng520159 单元测试
    zeus代码测试正紧张进行中,但由于工作比较忙,但速度比较慢.现在已经完成读写分离单元测试了,现在把几种情况单元测试的例子发出来,希望有人能进出意见,让它走下去. 本文是zeus的dao单元测试: 1.单元测试直接上代码   package com.dengliang.zeus.webdemo.test; import org.junit.Test; import o
  • C语言学习三printf函数和scanf函数学习 dcj3sjt126com cprintfscanflanguage
    printf函数 /* 2013年3月10日20:42:32 地点：北京潘家园 功能： 目的： 测试%x %X %#x %#X的用法 */ # include <stdio.h> int main(void) { printf("哈哈！\n"); // \n表示换行 int i = 10; printf
  • 那你为什么小时候不好好读书? dcj3sjt126com life
    dady, 我今天捡到了十块钱, 不过我还给那个人了 good girl! 那个人有没有和你讲thank you啊 没有啦....他拉我的耳朵我才把钱还给他的, 他哪里会和我讲thank you   爸爸, 如果地上有一张5块一张10块你拿哪一张呢.... 当然是拿十块的咯... 爸爸你很笨的, 你不会两张都拿   爸爸为什么上个月那个人来跟你讨钱, 你告诉他没
  • iptables开放端口 Fanyucai linuxiptables端口
    1，找到配置文件 vi /etc/sysconfig/iptables   2，添加端口开放，增加一行，开放18081端口 -A INPUT -m state --state NEW -m tcp -p tcp --dport 18081 -j ACCEPT   3，保存 ESC :wq!   4，重启服务 service iptables
  • Ehcache（05）——缓存的查询 234390216 排序ehcache统计query
    缓存的查询 目录 1.    使Cache可查询 1.1     基于Xml配置 1.2     基于代码的配置 2     指定可搜索的属性 2.1     可查询属性类型 2.2 &
  • 通过hashset找到数组中重复的元素 jackyrong hashset
      如何在hashset中快速找到重复的元素呢?方法很多，下面是其中一个办法： int[] array = {1,1,2,3,4,5,6,7,8,8}; Set<Integer> set = new HashSet<Integer>(); for(int i = 0
  • 使用ajax和window.history.pushState无刷新改变页面内容和地址栏URL lanrikey history
    后退时关闭当前页面 <script type="text/javascript"> jQuery(document).ready(function ($) {         if (window.history && window.history.pushState) {
  • 应用程序的通信成本 netkiller.github.com 虚拟机应用服务器陈景峰netkillerneo
    应用程序的通信成本 什么是通信 一个程序中两个以上功能相互传递信号或数据叫做通信。 什么是成本 这是是指时间成本与空间成本。 时间就是传递数据所花费的时间。空间是指传递过程耗费容量大小。 都有哪些通信方式 全局变量 线程间通信 共享内存 共享文件 管道 Socket 硬件（串口，USB） 等等 全局变量 全局变量是成本最低通信方法，通过设置
  • 一维数组与二维数组的声明与定义 恋洁e生 二维数组一维数组定义声明初始化
    /**  *  */ package test20111005; /**  * @author FlyingFire  * @date:2011-11-18 上午04:33:36  * @author ：代码整理  * @introduce :一维数组与二维数组的初始化  *summary：  */ public c
  • Spring Mybatis独立事务配置 toknowme mybatis
    在项目中有很多地方会使用到独立事务，下面以获取主键为例   （1）修改配置文件spring-mybatis.xml  <!-- 开启事务支持 -->  <tx:annotation-driven transaction-manager="transactionManager" />   &n
  • 更新Anadroid SDK Tooks之后，Eclipse提示No update were found xp9802 eclipse
    使用Android SDK Manager 更新了Anadroid SDK Tooks 之后， 打开eclipse提示 This Android SDK requires Android Developer Toolkit version 23.0.0 or above, 点击Check for Updates  检测一会后提示 No update were found 
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他